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 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

 

Newsletter

Bleibe immer up-to-date. Sichere dir deinen Wissensvorsprung!

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 Design: Zehn kostenlose Webdesign-Templates
Responsive Design: Zehn kostenlose Webdesign-Templates

Das Web findet längst nicht mehr nur auf dem Desktop statt und so ist es kein Wunder, dass Responsive Design in aller Munde ist. Damit passen sich die Webseiten dem Endgerät des Besuchers an und … » weiterlesen

Flexbox: Mit dem CSS-Framework-Bulma hübsche Layouts zaubern
Flexbox: Mit dem CSS-Framework-Bulma hübsche Layouts zaubern

Die CSS-Flexbox lässt Entwickler-Herzen höher schlagen. Ohne jegliche Einschränkungen können individuelle Layouts und Strukturen problemlos umgesetzt werden. Natürlich darf zu einer solchen … » weiterlesen

WordPress 4.5 bringt unter anderem besser Bildkomprimierung und Responsive-Design-Vorschau im Customizer
WordPress 4.5 bringt unter anderem besser Bildkomprimierung und Responsive-Design-Vorschau im Customizer

WordPress 4.5 ist veröffentlicht worden, das nach dem Jazz-Musiker Coleman Hawkins benannt ist. Die neue Version bringt unter anderem die Möglichkeit einer Responsive-Design-Vorschau in den … » weiterlesen

Alle Hefte Jetzt abonnieren – für nur 35 €

Kennst Du schon unser t3n Magazin?