Vorheriger Artikel Nächster Artikel

31 CSS-Frontend-Frameworks im Vergleich

wie etwa 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 Frameworks 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

NEU: Lass dir diesen Artikel vorlesen
Ein Service von t3n, in Kooperation mit Narando.
Vorheriger Artikel Zurück zur Startseite Nächster Artikel
8 Antworten
  1. von smoking.gnus am 16.03.2013 (18:39 Uhr)

    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... ;-)

    Antworten Teilen
  2. von K.Kutschera am 16.03.2013 (19:01 Uhr)

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

    Antworten Teilen
  3. von Jürgen am 16.03.2013 (19:19 Uhr)

    Informative Übersicht, und sieht noch gut aus, top

    Antworten Teilen
  4. von K.Kutschera am 16.03.2013 (19:36 Uhr)

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

    Antworten Teilen
  5. von michsch am 16.03.2013 (23:07 Uhr)

    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

    Antworten Teilen
  6. von Philip am 18.03.2013 (08:45 Uhr)

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

    Antworten Teilen
  7. von sdfsd am 18.03.2013 (10:25 Uhr)

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

    Antworten Teilen
  8. von keytrac am 18.03.2013 (17:06 Uhr)

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

    Antworten Teilen
Deine Meinung

Bitte melde dich an!

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

Jetzt anmelden

Mehr zum Thema Frameworks
Bootstrap für Designer: Bootsnipp liefert Design-Bausteine
Bootstrap für Designer: Bootsnipp liefert Design-Bausteine

„Lass uns noch schnell ein Drei-Level-Dropdown einbauen!“ Sätze wie diesen haben viele von uns schon mal gehört – gerade beim Prototyping. Bootsnipp könnte dieses Problem lösen, denn dort … » weiterlesen

t3n sucht freie Autoren (m/w) für das Ressort „Entwicklung & Design“
t3n sucht freie Autoren (m/w) für das Ressort „Entwicklung & Design“

Du willst auf freier Basis schreiben, hast einen guten Stil und Webentwicklung und -design gehören zu deinen thematischen Steckenpferden? Dann haben wir was für dich: Wir suchen ab sofort freie … » weiterlesen

Developer-Poll: Mit welchen Sprachen, Frameworks, IDEs, Editoren und Tools arbeitet ihr?
Developer-Poll: Mit welchen Sprachen, Frameworks, IDEs, Editoren und Tools arbeitet ihr?

Passend zu vollgeklebten Entwickler-Laptops und unserer Themenwoche Karriere wollen wir wissen, wie und mit was ihr tagtäglich arbeitet. In diesem t3n-Developer-Poll könnt ihr außerdem euren Frust … » weiterlesen

Kennst Du schon unser t3n Magazin?

t3n 38 jetzt kostenfrei probelesen! Alle Inhalte des t3n Magazins Diesen Hinweis verbergen