t3n News Entwicklung

Pure: Minimalistische CSS Module für Responsive Webdesign

Pure: Minimalistische CSS Module für Responsive Webdesign

Für gibt es verschiedenste Herangehensweisen. Viele bieten mehr oder weniger unkompliziert nutzbare Komponenten für die Gestaltung responsiver Webseiten. Pure hingegen liefert einen Satz von responsiven Modulen mit minimalem Output. So kann das Design weiterentwickelt werden, ohne zuerst vom Framework definierte Eigenschaften rückgängig machen zu müssen.

Pure: Minimalistische CSS Module für Responsive Webdesign

pure_responsive_webdesign

Pure ist ein Set von kleinen, responsiven Modulen, die du in jedem Web Projekt benutzen kannst. Insgesamt besteht das Responsive Webdesign Set komprimiert auf einer 4kb großen CSS-Datei.

Neben den allgemeinen Stylings enthält Pure CSS für Grids, Formulare, Buttons, Tabellen und Menüs. Da Pure mit SMACSS modular aufgebaut ist, können bei Bedarf nur einzelne Komponenten von Pure genutzt und konfliktfreie Erweiterungen geschrieben werden.

Anders als große Frameworks, wie Bootstrap, liefert Pure nur minimales Styling. So kann das Design durch das Hinzufügen, statt durch das Entfernen von Eigenschaften weiterentwickelt werden. Für die schnelle Individualisierung des Grund-Stylings steht ein Skin Builder zur Verfügung.

Auf der Webseite von Pure findest du alles, um die ersten Schritte mit den Modulen machen zu können.

Weiterführende Links

 

Vorheriger Artikel Zurück zur Startseite Nächster Artikel
8 Antworten
  1. von Michael am 21.06.2013 (09:15 Uhr)

    Hat zufällig schon jemand Pure eingesetzt? Sieht mir nach eine (leichtgewichtigen) Alternative zu Bootstrap aus, das ich bisher immer verwende...

    Antworten Teilen
  2. von Christoph am 21.06.2013 (09:43 Uhr)

    Wenn nur der Titel falsch geschrieben wäre, ginge es ja noch. Aber der Artikel hat noch ein paar Fehler mehr. Und das bei so einem kurzen Beitrag. Heidenei.

    Antworten Teilen
  3. von Ilja Zaglov am 21.06.2013 (09:51 Uhr)

    @Christoph: vielen Dank für das Feedback. Ich habe den Artikel noch mal überarbeitet.

    @ Michael: Bootstrap bietet da schon einiges mehr an Features als Pure und kann ja auch in einer abgespeckten Version bezogen werden. Aber grundsätzlich wäre es meiner Meinung nach als eine kleine Alternative zu sehen.

    Antworten Teilen
  4. von basti82 am 21.06.2013 (09:53 Uhr)

    Die Webseite geht bei mir nicht. Bei Euch? http://purecss.io/

    Antworten Teilen
  5. von Ilja Zaglov am 21.06.2013 (09:53 Uhr)

    Bei mir geht es. Probiere es doch solange auf Github: https://github.com/yui/pure/

    Antworten Teilen
  6. von basti82 am 21.06.2013 (09:58 Uhr)

    jetzt geht es, Danke!

    Antworten Teilen
  7. von phil am 21.06.2013 (14:18 Uhr)

    Habe Pure auch schon ins Auge gefasst. Denke, ich werde es bei einem größeren Projekt bald einsetzen.
    Shopware wird sein neues RWD Shop Template im übrigen auch auf Pure basieren lassen.

    Antworten Teilen
  8. von Online Marketing Amateur am 23.06.2013 (16:35 Uhr)

    Gute Alternative für Responsive Design! Solche Webdesign Hilfen kommen jedem, der von Zeit zu Zeit mit Online Marketing zu tun hat, sehr gelegen. Vielen Dank also für den Artikel zum Responsive Design!

    Antworten Teilen
Deine Meinung

Bitte melde dich an!

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

Jetzt anmelden

Mehr zum Thema Responsive Webdesign
Responsive Webdesign: Welche Potenziale immer noch verschenkt werden [Interview]
Responsive Webdesign: Welche Potenziale immer noch verschenkt werden [Interview]

Smartphones, Tablets und Co. haben unsere Surf-Gewohnheiten im Web radikal verändert. Immer mehr Endgeräte mit den unterschiedlichsten Display- und Browser-Formaten strömen auf den Markt – und … » weiterlesen

Webydo: Responsive Websites ohne Code erstellen
Webydo: Responsive Websites ohne Code erstellen

Mit Webydo soll es Nutzern möglich sein, ohne eine Zeile Code responsive Websites zu erstellen. Wir haben einen Blick auf die Web-App geworfen. » weiterlesen

Typografie im Responsive Webdesign – Teil 2: So erstellt ihr Responsive Headlines
Typografie im Responsive Webdesign – Teil 2: So erstellt ihr Responsive Headlines

Im ersten Teil dieser Artikelserie über Typografie im Responsive Webdesign ging es um die Auswahl und Einbindung der richtigen Schrift. Nachdem ich darin die wichtigsten Punkte von reaktionsfähiger … » weiterlesen

Alle Hefte Jetzt abonnieren – für nur 35 €

Kennst Du schon unser t3n Magazin?