Kommentare zu: Hovereffekte mit CSS-Sprites

Von: CSS Sprites / Single-Image Rollover Effekte at we love to create – Design | Webdesign | Illustration | Inspiration

Tue, 09 Dec 2008 23:37:28 +0000

[...] Artikel zu dem Thema:bei den webkrauts & bei a list [...]

Von: Webkrauts » Das richtige Grafikformat für den richtigen Zweck

Webkrauts » Das richtige Grafikformat für den richtigen Zweck — Mon, 08 Dec 2008 06:01:06 +0000

[...] CSS-Sprites sind eine hervorragende Möglichkeit, HTTP-Requests – und damit Wartezeit – zu sparen und gleichzeitig die gefühlte Reaktionszeit der Webseite zu verbessern. Bei den beliebten Hover-Effekten hat dies zugleich die angenehme Begleiterscheinung, dass der Zustand ohne Verzögerung gewechselt wird, während eine echte Alternativgrafik erst vom Browser nachgeladen werden müsste. [...]

Von: Webkrauts » Grundregeln für zugängliches JavaScript

Webkrauts » Grundregeln für zugängliches JavaScript — Fri, 05 Dec 2008 06:01:32 +0000

[...] mit JavaScipt und den HTML-Event-Handlern onmouseover und onmouseout umzusetzen, obwohl sich dies viel charmanter mit CSS umsetzen ließe. Zum anderen enthält dieses Beispiel eine unzugängliche Technik, ein [...]

Von: Progressive Enhancement ::: CSS 3 einerseits jedoch IE 6 andererseits » miradlo bloggt

Mon, 10 Nov 2008 23:10:25 +0000

[...] des Firefox zu sehen ist, winkt das Männchen. Realisiert wird das schlicht mittels eines Hover-Effekts durch CSS-Sprites, wie es beispielsweise im Artikel von Stefan David beschrieben [...]

Von: Blogpotato » Blog Archive Der nächste bitte: www.infranken.de »

Blogpotato » Blog Archive Der nächste bitte: www.infranken.de » — Tue, 04 Nov 2008 20:30:12 +0000

[...] zumindest mal verhindert, dass dann weißer Text auf weißen Hintergrund steht. Und man könnte auf CSS Sprites zurückgreifen, was nicht nur die Blitzer verhindert, sondern auch die HTTP-Requests minimiert. [...]

Von: Webkrauts » Sonnenseiten: WinkeWinke

Webkrauts » Sonnenseiten: WinkeWinke — Tue, 28 Oct 2008 12:16:24 +0000

[...] Der Arm ist ein transparentes png, das die zwei Zustände des Armes enthält. Das png steckt in einem div mit der id=hand. Über ein div#hand:hover wird nun einfach die Position verschoben, ein Hovereffekt mit CSS-Sprites. [...]

Von: kick-image.at - High End Webdesign / Printdesign

kick-image.at - High End Webdesign / Printdesign — Thu, 28 Aug 2008 16:46:18 +0000

Mouse-Over Effekte mit CSS- Sprites…

Mouse-Over (oder Hover) Effekte sind bei grafischen Menüs oft anzutreffen: eine Grafik wird bei Berührung mit der Mouse gegen eine andere Grafik getauscht.
Und genauso oft werden sie mit JavaScript realisiert. JavaScript – und eigentlich generell Cli…

Von: tanila

tanila — Sat, 23 Aug 2008 17:06:10 +0000

Hallo,

ich habe einen CSS Sprite Generator geschrieben in PHP.
Momentan nur als command line tool.

Der Gag: Er kann die background-images durch die Sprites ersetzen. Das Sprite Image wird natürlich auch erzeugt.

http://tanila.de/smartsprite/index.php

Von: CSS Sprites einfach erklärt - bueltge.de [by:ltge.de]

CSS Sprites einfach erklärt - bueltge.de [by:ltge.de] — Thu, 05 Jun 2008 08:41:52 +0000

[...] Webkrauts haben das Thema „Hoverffekte mit CSS-Sprites" schon vor langer Zeit aufgegriffen und erklärt, ausführlich. Dies soll hier nicht [...]

Von: Stefan David

Stefan David — Thu, 13 Dec 2007 09:34:12 +0000

Ich sehe kein Problem darin, dem A-Element display:block; zuzuweisen. Solange keine feste Höhe vorgegeben ist, passt sich die Höhe des Blocks der Textmenge an. Man sollte dann nur darauf achten, dass die Grafik genug Weißraum enthält, damit bei großer Textmenge nicht schon ein weiterer Bestandteil der Grafik sichtbar wird.

Über die fixe Breite des Navigationsmenüs kann man natürlich geteilter Meinung sein, das gehört hier aber nicht hin.