Blog Tag Tricks

26/052009

Divio 09 - behind the scenes Teil 2 - 960 Grid

von: Martin Bommeli

Beim zweiten Teil unserer "behind the scenes" Folgen, wollen wir euch das Grid basierende CSS Framework "960" vorstellen.

Herunter zu laden unter 960.gs. Im heruntergeladenen Zip-File findet man nicht nur das 3.6kb grosse CSS File sondern auch Vorlagen des Grids für Photoshop , Fireworks, Inkscape, Illustrator, OmniGraffle, Photoshop und ...

04/052009

Divio 09 - behind the scenes Teil 1 - CSS-Sprite Technik

von: Martin Bommeli

Bei der CSS-Sprite-Technik geht es grundsätzlich darum, HTTP Requests und Ladezeit einzusparen. Man führt möglichst alle wiederkehrenden Grafiken in einem Bild zusammen. Dieses lädt man dann überall wo man es braucht in den Hintergrund und verschiebt lediglich die Hintergrund-Position.

Beispiel

Hier als Beispiel unsere zusammengefasste Grafik:

(Zugegebenermassen mit etwas Unordnung ...

Unsere Blogger

Archiv

RSS-Feeds abonnieren

Tags