Drücke die Tasten ◄ ► für weitere Artikel  

31 CSS-Frontend-Frameworks im Vergleich

Frameworks wie etwa Twitters Bootstrap oder YAML erleichtern Web-Entwicklern den Arbeitsalltag ungemein, indem sie bestimmte Design-Elemente und Funktionen vereinheitlichen und vereinfachen. Eine Gruppe von Webdesignern hat nun einen tabellarischen Vergleich von 31 aktuellen Frontend-Frameworks veröffentlicht.

31 CSS-Frontend-Frameworks im Vergleich

CSS-Frameworks nehmen Entwicklern Arbeit ab

Frontend-Frameworks sind beliebt bei Entwicklern, weil sie die Entwicklung von optisch und funktionell ansprechenden Webseiten erleichtern. Anstatt sich mit kleinteiliger Programmierung und Kompatibilität zu verschiedenen Browsern rumzuschlagen, können Entwickler einfach vorgefertigte Bauteile des verwenden und erhalten am Ende schöne und funktionierende Webseiten, die mit allen wichtigen Browsern funktionieren.

In einer übersichtlichen Tabelle werden 31 aktuelle CSS-Frameworks miteinander verglichen.

Browser-Unterstützung, Pre-Processor und Responsive-Fähigkeiten werden verglichen

Das Angebot an Frameworks kann allerdings manchmal überwältigend sein. Die Unterschiede sind oft kaum zu erkennen. Deswegen hat sich eine Gruppe von Webdesignern aus dem nahen Osten die Mühe gemacht und 31 aktuelle und angesagte Frameworks in Form einer Tabelle miteinander verglichen. Dabei geben sie die jeweilige Browser-Kompatibilität an, sowie den verwendeten CSS-Preprocessor (SASS oder LESS). Außerdem gibt es einen Indikator, der anzeigt, ob ein Framework für den responsiven Einsatz auf Smartphones und Tablets zu gebrauchen ist.

Weiterführende Links

228 Shares bis jetzt – Dankeschön!

Bewerten
VN:F [1.9.22_1171]
16 Antworten
  1. von web frontend | Annotary am 16.03.2013 (16:10Uhr)

    [...] More from Patrick Kohan: linux general programming webapp gaming Sort Share t3n.de       2 minutes [...]

  2. von smoking.gnus am 16.03.2013 (18:39Uhr)

    Sehr cooler Beitrag und voller allem sehr hilfreiche Infografik zum Thema CSS-Frameworks.
    Nicht nur dass ich mittlerweile Info Graphics total toll finde, nein, diese ist auch noch wirklich echt hilfreich. Zumal auch einige Frameworks dabei sind, die mir im Laufe meiner Web-Jahre noch nicht untergekommen sind. Cool finde ich zudem die optische Darstellung auf welchem Paradigma der Code basiert, also LESS, SASS, regulär, ...

    Mehr davon bitte... ;-)

  3. von K.Kutschera am 16.03.2013 (19:01Uhr)

    Ich korrigiere: YAML unterstützt auch Tabletts und Smartphones(responsive...) und außerdem SASS ;)

  4. von Jürgen am 16.03.2013 (19:19Uhr)

    Informative Übersicht, und sieht noch gut aus, top

  5. von K.Kutschera am 16.03.2013 (19:36Uhr)

    Und ganz nebenbei gibt es einen Editor zum Prototypen und diverse CMS-Integrationen...

  6. von michsch am 16.03.2013 (23:07Uhr)

    Was ein kleiner Fehler so alles ausmacht. Man klicke auf den Twitter-Link im Footer bzw. besser nicht: "Single Mütter wollen ..."
    Twitter ist eben nicht gleich Twiiter :D

  7. von Philip am 18.03.2013 (08:45Uhr)

    Kurze Frage: Hätte man in dieser Liste nicht auch Compass + Susy aufzählen können oder ist das schon zu speziell?

  8. von sdfsd am 18.03.2013 (10:25Uhr)

    Außer bootstrap, boilerplate und foundation kommt für ernsthafte anwendungen eh nichts in frage.

  9. von keytrac am 18.03.2013 (17:06Uhr)

    Echt super Auflistung..!
    So hat man endlich die "wichtigen" Frameworks im Überblick

  10. von Ein paar aktuelle Lesetipps - Netzlogbuc… am 21.03.2013 (13:45Uhr)

    [...] 31 CSS-Frontend-Frameworks im Vergleich [...]

  11. von Link-Ecke #67 | campino2k am 22.03.2013 (13:59Uhr)

    [...] 31 CSS-Frontend-Frameworks im Vergleich [...]

  12. von let’s bootstrap: der produktive tr… am 23.03.2013 (22:39Uhr)

    [...] interessanten und übersichtlichen vergleich mit 30 anderen css-frameworks findet sich in einem beitrag bei t3n  am 16. märz 2013. Sharen mit:TwitterFacebookGefällt mir:Gefällt mir Lade... Tags [...]

  13. von 5 nützliche Bookmarklets für Frontend-… am 14.05.2013 (11:43Uhr)

    [...] 31 CSS-Frontend-Frameworks im Vergleich – t3n News [...]

  14. von let’s bootstrap: der produktive tr… am 03.08.2013 (19:51Uhr)

    [...] und übersichtlichen link auf einen vergleich mit 30 anderen css-frameworks findet sich in einem beitrag bei t3n  am 16. märz [...]

  15. von Bootstrap-3-Ausblick: Was die neue Versi… am 14.08.2013 (13:22Uhr)

    […] 31 CSS-Frontend-Frameworks im Vergleich – t3n News […]

  16. von 5 coole Frontend Demos: Animierte Button… am 16.12.2013 (15:58Uhr)

    […] Links – es gibt unzählige Möglichkeiten sie zu gestalten. Einige inspirierende Beispiele für Frontend-Design präsentiert die Portugiesin Manoela Ilic auf Codrops. Wer also noch nach einer Inspiration sucht, […]

Deine Meinung

Bitte melde dich an!

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Mehr zum Thema Frameworks
Bootstrap 3 vs. Foundation 5: Die Top-Frameworks im ersten Vergleich
Bootstrap 3 vs. Foundation 5: Die Top-Frameworks im ersten Vergleich

Heute zeigen wir euch, was die größten Unterschiede dieser beiden Frameworks sind. Im kommenden „Bootstrap 3 vs. Foundation 5“-Teil zeigen wir euch, wie sich die Frameworks im „Prototyping“ ... » weiterlesen

7 CSS-Bibliotheken und Frameworks, von denen du gehört haben solltest
7 CSS-Bibliotheken und Frameworks, von denen du gehört haben solltest

CSS-Bibliotheken und Frameworks ersparen viel Zeit beim Entwickeln von Web-Projekten. Wir haben sieben Frameworks zusammen getragen, von denen man schon mal gehört haben sollte. » weiterlesen

Topcoat: Adobe's Open Source CSS UI Tools für schnelle Web Apps
Topcoat: Adobe's Open Source CSS UI Tools für schnelle Web Apps

Topcoat ist ein neues CSS Framework von Adobe, das für besonders performante Web-Apps sorgen soll. Wir stellen euch das noch sehr junge Framework kurz vor. » weiterlesen

Kennst Du schon unser t3n Magazin?

t3n-Newsletter
Top-Themen der Woche für Web-Pioniere
Jetzt kostenlos
anmelden
Diesen Hinweis verbergen