6 kostenloses Material Design CSS -Frameworks für 2017 im Vergleich zu

Googles Materialdesign: Ein tiefes Eintauchen in CSS Frameworks

Schlüsselüberlegungen:

Seit seinem Debüt 2014 ist Googles Materialdesign zu einer dominanten Designsprache in zahlreichen Google -Produkten und darüber hinaus geworden. Webentwickler können seine Ästhetik durch verschiedene CSS -Frameworks mit jeweils einzigartigen Stärken und Schwächen nutzen. In diesem Artikel werden beliebte Optionen untersucht und Ihnen helfen, die beste Passform für Ihr Projekt auszuwählen. Denken Sie daran, dass sich die Popularität und die Funktionen von Rahmenbedingungen entwickeln können. Wenden Sie sich also immer an offizielle Quellen für die neuesten Informationen.

Top -Material Design CSS -Frameworks:

1. materialisieren: Ein weit verbreitetes Rahmen, das für seine umfangreichen Merkmale, robuste Unterstützung von Drittanbietern (Themen, Erweiterungen) und umfassende Dokumentation bekannt ist. Die große Gemeinschaft sorgt für eine kontinuierliche Entwicklung und leicht verfügbare Unterstützung.

   

   • Profis: Große Benutzerbasis, aktive Entwicklung, ausgezeichnete Dokumentation, starkes Ökosystem Dritter.
   • cons: Keine signifikant.
   • ideal für: Anfänger und Projekte, die ein featurziger, gut unterstütztes Rahmen benötigen.

2. mui: Ein leichtes Framework, das eine optimale Kompatibilität mit Angular-, React- und Webkomponenten bietet. Die detaillierte Dokumentation ist ein bedeutender Vorteil.

   

   • Profis: Ausgezeichnete plattformübergreifende Unterstützung, gründliche Dokumentation.
   • Nachteile: Begrenzte Unterstützung von Drittanbietern.
   • ideal für: Projekte mit Angular-, React- oder Webkomponenten.

3. Oberfläche: Ein minimalistisches, leichtes Gerüst, das sich perfekt für schnelle Prototypen und kleinere Projekte eignet. Während seine Dokumentation weniger umfangreich ist als andere, reicht sie für die grundlegende Implementierung aus.

   

   • Profis: Leichtes, minimales Design.
   • Nachteile: Kleinere Community, weniger umfassende Dokumentation.
   • ideal für: Schnellprototyping, minimalistische Designs.

4. Material Foundation: Aufbauend auf dem Zurb Foundation -Framework ist diese Option ideal für Entwickler, die bereits mit der Foundation vertraut sind. Seine Entwicklung scheint jedoch langsam zu sein und zukünftige Updates und Unterstützung möglicherweise behindert.

   

   • Profis: Integration mit Foundation.
   • Nachteile: Kleine Gemeinschaft, langsame Entwicklung.
   • ideal für: Entwickler mit Zurb Foundation.

5. Materialdesign Lite (MDL): Während MDL bisher beliebt und von Google entwickelt wurde, unterstützt er jetzt begrenzt. Die Entwicklung ist auf materielle Komponenten für das Web übergegangen.

   

   • Profis: Google-unterstützt, starke Einhaltung von Materialdesignprinzipien (Vermächtnis).
   • Nachteile: begrenzte Unterstützung, Entwicklung hörte ein.

6. Materialkomponenten für das Web (M2): Der Nachfolger von MDL, M2 bietet Modularität, starke Einhaltung des Materialdesigns und nahtlose Integration in JavaScript -Frameworks. Es wird aktiv von Google gepflegt.

   

   • Profis: Google-gepflegt, modular, integriert sich gut in JS-Frameworks.
   • cons: relativ kleinere Gemeinschaft im Vergleich zu Materialik.

Bonus: Material-UI (React-basiert)

Material-UI ist zwar nicht ausschließlich ein CSS-Framework, bietet einen robusten Ansatz zur Implementierung von Materialdesign mithilfe von React-Komponenten. Es verfügt über eine große und aktive Gemeinschaft.

• Profis: Nutzt die Leistung und das Ökosystem von React.
• cons: erfordert React -Wissen.

Auswählen des richtigen Frameworks:

Berücksichtigen Sie diese Faktoren, wenn Sie Ihre Entscheidung treffen:

• Community-Größe: Größere Gemeinschaften bieten mehr Unterstützung und Ressourcen von Drittanbietern.
• Aktive Entwicklung: Häufige Updates gewährleisten Fehlerbehebungen und neue Funktionen.
• Dokumentationsqualität: Klare Dokumentation vereinfacht Lernen und Implementierung.
• Benutzerfreundlichkeit: Wählen Sie ein Framework aus, das mit Ihren Fähigkeiten und Projektanforderungen übereinstimmt.

Letztendlich hängt der beste Rahmen von Ihren spezifischen Bedürfnissen und Vorlieben ab. Dieser detaillierte Vergleich bietet eine solide Grundlage für eine fundierte Wahl.

Das obige ist der detaillierte Inhalt von6 kostenloses Material Design CSS -Frameworks für 2017 im Vergleich zu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!