hideout-lastation.com
Le cadre d'hélice associe Bootstrap et Google Material Design
L'immense popularité de la conception matérielle de Google ne devrait pas surprendre. Il fait partie d'un style d'interface utilisateur moderne se concentrant davantage sur le design plat avec un accent sur les modèles UX et d'utilisabilité .
En prenant les concepts de conception matérielle et en les ajoutant à Bootstrap, nous obtenons le framework Propeller .
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, ainsi que des modèles personnalisés pour accélérer la production.
Vous pouvez trouver tout le code source sur GitHub, ainsi que des informations de support du navigateur et des mises à jour récentes.
Si vous voulez vraiment plonger, vous devriez consulter la page de documentation . C'est là que les bonnes choses se passent, couvrant la structure des dossiers, la configuration de base du site, l'utilisation de composants et la façon de personnaliser le kit vous-même.
La plupart des composants s'exécutent au dessus des classes de Bootstrap, donc vous travaillez avec une véritable base de code BootStrap . Cependant, il est fortement personnalisé pour imiter les animations du design matériel et les idéologies de conception.Menus déroulants, formulaires, widgets à onglets et barres de progression, tous ces composants suivent le style de conception des matériaux et sont très faciles à configurer. La partie difficile est de trouver le composant exact pour correspondre à votre site car il y en a tellement à choisir.
De manière générale, Propeller suit la plupart des consignes de conception de Google . Les développeurs ont fait un travail fantastique avec ce framework et cela correspond vraiment au style matériel.
Sur la page Premiers pas, vous trouverez quatre téléchargements différents, chacun dans un but précis:
- Matériel sur le thème - pour les sites Bootstrap existants qui veulent un style de design matériel
- Propeller Kit - toute la bibliothèque CSS / JS prête pour la production
- Stand Alone - des composants individuels que vous pouvez copier / coller pour vos propres projets
- Modèle Admin - un modèle de panneau d'administration personnalisé fait avec Propeller
Si vous êtes nouveau sur le framework, vous pouvez télécharger le kit complet et le bricoler. Ce pack ne contient pas beaucoup de pages d'exemples mais vous pouvez consulter le site Propeller pour voir à quoi il ressemble.
Ce cadre est prêt pour la production si vous recherchez un thème matériel. C'est l'un des cadres les plus simples à construire et il est susceptible d'être là pour les années à venir.
10 meilleurs cadres de test automatisés pour PHP
Avez-vous déjà passé de longues heures à déboguer votre code PHP? Eh bien, pour la plupart des programmeurs, ce n'est probablement pas le défi le plus fascinant, mais il existe une solution qui peut nous aider à raccourcir cette tâche fastidieuse. Les tests automatisés peuvent améliorer considérablement le flux de travail du développement PHP en permettant des tests pré-écrits pour piloter le processus de développement .Dans ce post,
Post-processeurs CSS pour les débutants: conseils et ressources
Le pré-traitement CSS est un concept que la plupart des développeurs Web ont déjà appris ou lu. Nous avons couvert en détail le prétraitement CSS pour aider les développeurs à se familiariser avec cette technologie répandue. Mais qu'en est-il des post-processeurs ?Ces outils relativement nouveaux sont similaires en ce sens qu'ils affectent le flux de travail de développement web, mais ils opèrent de l' autre côté du développement CSS ( développement "post").Dans ce post,
