6 cadres CSS de conception de matériaux gratuits pour 2017 comparés

Conception matérielle de Google: une plongée profonde dans les cadres CSS

Considérations clés:

Depuis ses débuts en 2014, la conception matérielle de Google est devenue un langage de conception dominant dans de nombreux produits Google et au-delà. Les développeurs Web peuvent tirer parti de son esthétique à travers divers cadres CSS, chacun avec des forces et des faiblesses uniques. Cet article explore les options populaires, vous aidant à sélectionner le meilleur ajustement pour votre projet. N'oubliez pas que la popularité et les fonctionnalités du cadre peuvent évoluer, alors consultez toujours des sources officielles pour les dernières informations.

Top Material Design Cadres CSS:

1. Matérialise: Un cadre largement adopté connu pour ses fonctionnalités étendues, son support tiers robuste (thèmes, extensions) et une documentation complète. Sa grande communauté assure un développement continu et une assistance facilement disponible.

   

   • PROS: grande base d'utilisateurs, développement actif, excellente documentation, fort écosystème tiers.
   • contre: Aucun significatif.
   • Idéal pour: débutants et projets nécessitant un cadre riche en fonctionnalités et bien soutenu.

2. MUI: Un framework léger offrant une compatibilité prête à l'emploi avec les composants angulaires, réagis et Web. Sa documentation détaillée est un avantage significatif.

   

   • PROS: Excellent support multiplateforme, documentation approfondie.
   • CONS: Assistance tierce limitée.
   • Idéal pour: Projets utilisant des composants angulaires, réagis ou Web.
   .

3. Surface: Un cadre minimaliste et léger parfait pour un prototypage rapide et des projets plus petits. Bien que sa documentation soit moins étendue que les autres, elle est suffisante pour la mise en œuvre de base.

   

   • PROS: Design léger et minimal.
   • CONS: Communauté plus petite, documentation moins complète.
   • Idéal pour: Prototypage rapide, designs minimalistes.

4. Fondation matérielle: Construit sur le cadre de fondation Zurb, cette option est idéale pour les développeurs déjà familiers avec la fondation. Cependant, son développement semble lent, ce qui peut suspendre potentiellement les futures mises à jour et le soutien.

   

   • PROS: Intégration avec la fondation.
   • contre: petite communauté, développement lent.
   • Idéal pour: Développeurs expérimentés avec la fondation du zurb.

5. Material Design Lite (MDL): Bien que précédemment populaire et développé par Google, MDL est désormais en support limité. Le développement est passé à des composants matériels pour le Web.

   

   • PROS: Adhésion soutenue par Google, forte adhésion aux principes de conception des matériaux (héritage).
   • contre: Support limité, le développement a cessé.

6. Composants matériels pour le web (M2): Le successeur de MDL, M2 offre une modularité, une forte adhésion à la conception des matériaux et une intégration transparente avec les frameworks JavaScript. Il est activement maintenu par Google.

   

   • PROS: google, modulaire, modulaire, s'intègre bien aux frameworks JS.
   • CONS: Communauté relativement plus petite par rapport à matérialiser.

Bonus: Material-UI (basé sur React)

MATÉRIAUX-UI, bien qu'il ne soit pas strictement un cadre CSS, fournit une approche robuste pour implémenter la conception des matériaux à l'aide de composants React. Il possède une communauté importante et active.

• PROS: exploite le pouvoir et l'écosystème de React.
• contre: nécessite des connaissances réagites.

Choisir le bon framework:

Tenez compte de ces facteurs lors de la prise de votre décision:

• Taille de la communauté: Les plus grandes communautés offrent plus de soutien et de ressources tierces.
• Développement actif: Les mises à jour fréquentes assurent les corrections de bugs et les nouvelles fonctionnalités.
• Qualité de documentation: La documentation claire simplifie l'apprentissage et la mise en œuvre.
• Facilité d'utilisation: Choisissez un cadre qui s'aligne sur vos compétences et vos exigences de projet.

En fin de compte, le meilleur cadre dépend de vos besoins et préférences spécifiques. Cette comparaison détaillée fournit une base solide pour faire un choix éclairé.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!