Weblabor

Igazán érdekesnek tartom a témafelvetést, néha ugyanis úgy tűnik, mintha az egekig magasztalt CSS (a hasonlóképp buzzwordként használt AJAX stb.) fájlszintű és fájlon belüli szervezésével nem nagyon törődnénk. A blogpost sajnálatosan nem arra ad választ, hogy miképp szervezzük a fájlokat, hanem hogy miképpen tömörítsük :) Elismerem, ez nagyon fontos szempont, és nem csak nagyobb projekteknél, de szvsz ez nem ad választ arra, miképp szervezzük a fájlokat.

Én ezt a megoldást használom. Egy file-ba összemásolja a CSS és JS file-okat, valamint gzip-elve cache-eli.

Az egyik legnagyobb előnye, hogy ha vmi változik az egyik CSS vagy JS file-ban, akkor új file-t küld ki a browser-nek, tehát nem kell azon aggódni, hogy megszivat a browser cache-e (nem kell CTRL + F5-öt nyomogatni) fejlesztés közben.

Ami a whitespace-eket és a kommenteket illeti: a w3compiler-rel ki lehet gyomláltatni a kommenteket, valamint képes a JS változók és függvénynevek rövidítésére, tehát ezzel is lehet csökkenteni a méretet. Valamint a Dean Edwards féle JS tömörítőt is lehet használni (bár itt CSS-ről volt szó, de azért a JS-nél is lehet elég szépen spórolni).

Ami a file-ok szerverzését illeti, én csinálok egy általános CSS-t, valamint minden modulnak van külön egy CSS-e és csak az adott modul stílusai + az általános CSS kerülnek betöltésre.