Sprite Cow – CSS Sprite nach CSS

CSS Sprites sind höchst nützliche kleine Dinger, um Ladezeiten zu verkürzen, vor allem wenn man ein passendes Caching / Expire im Apache damit verbindet. Es gibt in der Cloud tausende Services, die aus vielen kleinen Icons ein CSS-Sprite mit passendem CSS erstellen. Aber wenn man ein eigenes Sprite erstellt, oder einfach nur an das Icon innerhalb eines Sprites kommen will, hat man verloren.

Screenshot der Sprite Cow

Die Sprite Cow erledigt direkt zwei Aufgaben: man kann ein beliebiges transparentes PNG hochladen und anzeigen lassen. Durch Klick auf ein Icon erhält man dann das passende CSS, um dieses entweder zu verwenden oder in ein eigenes CSS einzubinden. Eine sehr sinnvolle Sache wie ich finde, denn wenn ich ein Sprite mit passendem CSS habe bedeutet das noch lange nicht, das ich das Icon wiederfinde!

Ähnliche Beiträge

Einfaches HTML Testing mit dem HTML Inspector Damals, als ich noch den Firefox verwendet habe, gab es ein nettes Tool mit dem man testen konnte ob HTML valide ist. Dann kam HTML5, alles wurde ande...
Backgrounds für Grid Based Layouts Okay, ich gebe zu, der Titel ist maximal mystisch, passt aber ;) Ich glaube zum Grid Based Design brauche ich nichts mehr zu sagen, und es gibt ja auc...
Icons im Webdesign in Webfonts verwalten CSS Sprites und ich sind nie große Freunde geworden. In manchen Fällen von der SEO-Fraktion als überlebenswichtig gebrandmarkt, bieten die Grafiken me...
CSS Grundgerüst automatisch erstellen lassen Der erste Wurf eines Templates ist recht nervig. Ich weiss nicht wie ihr vorgeht, aber ich beginne erst einmal damit die komplette Struktur in HTML au...

Schreibe einen Kommentar