Propeller Framework combine les technologies Bootstrap et Google Material Design

L'immense popularité de Google conception matérielle ne devrait pas être une surprise. Cela fait partie d'un style d'interface utilisateur moderne en se concentrant davantage sur design plat avec un accent sur l'UX et les modèles d'utilisabilité.

En prenant les concepts de conception des matériaux et en les ajoutant à Bootstrap, nous obtenons la Cadre d'hélice.

Ce framework open source totalement réactif joue parfaitement le rôle matériel. Il est livré avec une bibliothèque de composants de 25 éléments d'interface utilisateur, de même que modèles personnalisés accélérer la production.

Tu peux trouver tout le code source sur GitHub, avec les informations de support du navigateur et les mises à jour récentes.

Si vous voulez vraiment plonger, vous devriez jeter un œil à la page de documentation. C’est là que se passe la bonne chose: la structure des dossiers, la configuration de base du site, l’utilisation de composants et la personnalisation du kit par vous-même..

La plupart des composants s’exécutant au-dessus des classes de Bootstrap, vous travaillez donc avec un véritable base de code BootStrap. Cependant, il est fortement personnalisé pour imiter la conception matérielleAnimations et idéologies de design.

Les menus déroulants, les formulaires, les widgets à onglets et les barres de progression, tous ces composants suivez le style de conception des matériaux et ils sont super faciles à installer. La partie difficile est de trouver le composant exact pour correspondre à votre site car il y a tellement de choix parmi.

D'une manière générale, l'hélice respecte la plupart des directives de conception de Google. Les développeurs ont fait un travail fantastique avec ce framework et il correspond vraiment au style matériel.

Sur la page Commencer, vous trouverez quatre téléchargements différents, chacun dans un but distinct:

1. Matériel à thème - pour les sites Bootstrap existants qui souhaitent un style de conception de matériau
2. Kit d'hélice - toute la bibliothèque CSS / JS prête pour la production
3. Rester seul - composants individuels que vous pouvez copier / coller pour vos propres projets
4. Modèle d'administration - un modèle de panneau d'administration personnalisé créé avec Propeller

Si vous débutez dans la structure, vous pouvez télécharger le kit complet et le bricoler. Ce pack ne contient pas beaucoup de pages d’échantillons mais vous pouvez consulter le site Propeller pour voir à quoi il ressemble..

Ce cadre est prêt pour la production si vous cherchez un thème matériel. C'est l'un des frameworks les plus simples à construire et il devrait rester dans les années à venir.