Vorheriger Artikel Nächster Artikel

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
Grid – Eine einfache Einführung in Responsive Webdesign
Grid – Eine einfache Einführung in Responsive Webdesign

Willst du schnell den Einstieg in Responsive Webdesign finden oder die Basics auffrischen? Mit diesem Tutorial ist beides kein Problem. » weiterlesen

Neue Releases: Magento Community-Edition 1.9 und Enterprise-Edition 1.14 in der Übersicht
Neue Releases: Magento Community-Edition 1.9 und Enterprise-Edition 1.14 in der Übersicht

Die E-Commerce-Plattform Magento liegt nun in der neuesten Version vor. Die wichtigsten Änderungen sind unter anderem ein neues Standard-Theme im Responsive-Design und Verbesserungen im … » weiterlesen

t3n-Aktion: Jahresabo inklusive Fachbuch „Praxiswissen Responsive Webdesign“
t3n-Aktion: Jahresabo inklusive Fachbuch „Praxiswissen Responsive Webdesign“

Möchte man für unterschiedliche Geräte anpassungsfähige Websites erstellen, ist „Responsive Webdesign“ das Stichwort. Um sich damit vertraut zu machen, ist Designern und Entwicklern das Buch … » weiterlesen

Kennst Du schon unser t3n Magazin?

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