Du hast deinen AdBlocker an?

Es wäre ein Traum, wenn du ihn für t3n.de deaktivierst. Wir zeigen dir gerne, wie das geht. Und natürlich erklären wir dir auch, warum uns das so wichtig ist. Digitales High-five, deine t3n-Redaktion

Entwicklung & Design

Pure: Minimalistische CSS Module für Responsive Webdesign

    Pure: Minimalistische CSS Module für Responsive Webdesign

Für Responsive Webdesign gibt es verschiedenste Herangehensweisen. Viele Frameworks 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_responsive_webdesign

Pure ist ein Set von kleinen, responsiven CSS 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

 

Finde einen Job, den du liebst

8 Reaktionen
Online Marketing Amateur

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

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

jetzt geht es, Danke!

Antworten
Ilja Zaglov

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

Antworten
basti82
basti82

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

Antworten
Ilja Zaglov

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

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

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

Antworten

Melde dich mit deinem t3n-Account an oder fülle die unteren Felder aus.

Abbrechen