Nützlich für CSS-Librarys

[Th3Dan]

Kann man sicher gut gebrauchen wenn man CSS-Librarys wie etwa KickStart einsetzt.
So einfach es auch ist einen schönen CSS3-Button mit Hovereffekt zu zaubern indem ich dem Container einfach nur ein paar Klassen der Library zuweise: Ich habe da nachher definitiv einen relativ großen Teil drin, den ich nicht brauche, der aber trotzdem geladen wird.

Ganz nebenbei laden solche Frameworks ja nicht gerade besonders anfrageschonend aufbauende CSS-Dateien mit Import nach, sodass meine Library beim User nachher locker mal 10 CSS-Dateien nachläd.

Da macht sowas schon Sinn.
Die Vorteile einer Library sind es mir nämlich nicht Wert, dass nachher meine Seite schon mal nur aufgrund der Librarys 500KB an CSS-Dateien läd.
Da kommen dann noch Javascript-Frameworks wie jQuery und ein paar Bilder dazu, und schwubbs ist meine Seite 1MB groß und fordert im Hintergrund 100 verschiedene Daten an.
(Sicher man kann zb CSS Sprites erstellen, es geht mir aber ums Prinzip).

[JP]

Th3Dan schrieb:
--------------------------------------------------------------------------------
> Ganz nebenbei laden solche Frameworks ja nicht gerade besonders
> anfrageschonend aufbauende CSS-Dateien mit Import nach, sodass meine
> Library beim User nachher locker mal 10 CSS-Dateien nachläd.

für den Fall kann man z.B. SASS einsetzen, eine CSS-Metasprache. Damit lässt sich strukturiert und modularisiert CSS schreiben, welches sich dann in eine minifizierte CSS übersetzen lässt. Aber auch hier muss man aufpassen, da man die Dinge wie mixins oder extends dosiert einsetzen muss, da das sonst zu riesen Selektoren und zu überflüssigen Regeln führt, leider.

> Da macht sowas schon Sinn.
> Die Vorteile einer Library sind es mir nämlich nicht Wert, dass nachher
> meine Seite schon mal nur aufgrund der Librarys 500KB an CSS-Dateien läd.
> Da kommen dann noch Javascript-Frameworks wie jQuery und ein paar Bilder
> dazu, und schwubbs ist meine Seite 1MB groß und fordert im Hintergrund 100
> verschiedene Daten an.
> (Sicher man kann zb CSS Sprites erstellen, es geht mir aber ums Prinzip).

Mit SASS und dem Studium der Lib kann man sich schnell das Projekt selber so modularisieren wie man möchte und nur das ins Projekt reinholen was man auch wirklich braucht.

Und JS Frameworks würde ich auch nur minifiziert und konkateniert einsetzen. z.B. mit grunt und grunt-usemin

Paar Links dazu:
http://sass-lang.com/
https://npmjs.org/package/grunt-usemin

Zum CSS Trashman: Mir persönlich wäre eine Übersicht der Regeln, die scheinbar überflüssig sind, lieber. Genauso wäre es praktisch wenn es auch anstatt der Seiten-CSS doch eher SASS annehmen würde und dann eher das SASS optimiert anstatt aus dem hässlichen generierten CSS ein neues CSS bzw SASS zu generieren. Vllt auch eine Integration in SASS.

Aber gut, dass ich mit meinem Webdesign-Projekt durch bin und nun wieder programmieren kann :)

[joocom]

Hallo,

wir arbeiten in letzter Zeit sehr viel mit Grunt. Wie man schnell und einfach seine CSS Dateien optimieren kann habe ich hier beschrieben: http://www.joocom.de/blog/css-minify-mit-grunt-und-grunt-contrib-cssmin/

Beste Grüße aus Hannover