Petal est un framework d'interface utilisateur CSS organisé et léger fonctionnant sous LESS
De Bootstrap à Foundation, il semble qu’il existe un flux infini de frameworks CSS à choisir. Mais peu courir sur MOINS et encore moins sont aussi bien organisé que Petal.
Ce petit projet open source a été créé en interne pour l'équipe de Shakr mais ils ont décidé de tout libérer sur GitHub. C'est encore un nouveau cadre il y a donc encore beaucoup à faire. Dans son état actuel, Petal est un cadre riche en fonctionnalités pour tout projet web.
Toute personne intéressée devrait consulter le page d'accueil et regarder par-dessus une partie de la documentation.
La feuille de style Petal se décompose en différents fichiers LESS, donc c'est organisé basé sur les caractéristiques et les paramètres. De cette façon, si vous souhaitez apporter des modifications ou trouver une classe spécifique, vous devez parcourir un seul fichier, par exemple typographie.less, plutôt qu'une bibliothèque entière.
Vous pouvez voir certaines des caractéristiques de conception plus communes dans ce stylo avec extraits de code vous pouvez copier.
Petal est censé être un cadre minimaliste avec styles pré-construits simples.
Tout le monde ne veut pas travailler en ajoutant de la couleur ou du ton dans leurs dessins. La beauté d'un framework CSS est qu'il peut fournir le design et le style, alors vous venez ajouter le HTML et bouger.
C'est quoi Pétale fait bien, et c'est une bouffée d'air frais dans un monde rempli de pages d'accueil propulsées par Bootstrap.
Si vous voulez essayer cela juste pour vous ajouter le Petal.css feuille de style droit à votre du document section. De là, tous les styles de base seront appliqués directement à tous les éléments HTML.
Vous pouvez bricoler avec les classes en consultant la page de documentation sur le site. Il y a en fait une section entière couvrant mise en page de base en utilisant une classe, tel que .section comme conteneur avec des cours comme .rangée ou .colonne pour la structure.
Options de mise en page sont pratiquement sans fin, et vous pouvez toujours ajouter formatage supplémentaire pour le rembourrage et les marges si besoin.
Pour un si petit framework CSS, Petal est vraiment impressionnant. Il en est encore à ses débuts à la v0.5 mais sera continuellement développé au fil du temps. Pour apprendre plus consultez la page d'accueil Petal, et voyez ce que vous pouvez construire!
