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

CSS Reset vs. Normalize Die Tage ging ein Aufschrei durch Twitter: die HTML5-Boilerplate hat den CSS-Reset raus geworfen, und durch ein Normalize ersetzt. Ich war relativ ers...
CSS Grids lernen mit Grid Garden Es ist ja noch gar nicht so lange her das ich über Flexbox Froggy berichtet habe. Mit dem Spiel kann man einfach und schnell den Umgang mit Flexboxen ...
Mozilla Thimble – HTML & CSS lernen Meine persönliche Meinung ist ja, das Mozilla anstatt sich auf den Browser zu konzentrieren, in den diversesten Nebenprojekten aufreibt. Teilweise kom...
CSS Trashman – CSS optimieren und entschlack... Man kennt das ja, mal eben aus einer Webseite ein Element raus geworfen, das spezialisierte CSS dafür bleibt erhalten. Dann hat man Elemente doppelt d...

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.