CSS Sprites - von Geistwesen und Kobolden in Drupal
Eingetragen von ozon (523) am 24.09.2008 - 08:53 Uhr in
00.00.
CSS Sprites - von Geistwesen und Kobolden in Drupal
Alte PC Hasen werden sie kennen, Sprites sind eine sehr alte Technik um Grafikobjekte auf dem Bildschirm zu zaubern.
Sprites revolutionierte die damaligen Möglichkeiten von Computerspielen, da die Prozessorleistung nicht ausreichte, um komplexe Grafikdaten auf dem Bildschirm zu verschieben. In den heutigen modernen Grafiksystemen ist diese Technik in Vergessenheit geraden.
Dieses Dojo zeigt wie man Sprites in CSS anwendet und mit Hilfe dieser Technik, Textnavigationen in Drupal durch Grafiken ersetzt.
- Referent ozon
- Was ist ein Sprite - Kurze Zeitreise in vergangene Tage
- Was sind CSS Sprites und warum sollte man diese verwenden
- Verwendung von CSS Sprites - eine Demo
- Referent sDaniel
- Textnavigationen durch Bilder mit Hilfe von CSS Sprites ersetzen
| Benutzername |
Signup time |
|---|---|
| bv | 24.09.2008 - 08:58 |
| ozon | 24.09.2008 - 09:03 |
| dawehner | 24.09.2008 - 10:04 |
| s.Daniel | 24.09.2008 - 12:08 |
| rene | 24.09.2008 - 15:32 |
| andreas-emer | 24.09.2008 - 22:53 |
| tijan | 25.09.2008 - 21:46 |
| lape | 30.09.2008 - 23:28 |
| mmz | 03.10.2008 - 11:03 |
- Anmelden oder Registrieren um Kommentare zu schreiben
- Calendar
Notizen zum Dojo
am 07.10.2008 - 21:03 Uhr
Sprites
Gute Artikel zum Thema
* Einer der besten Artikel auf Englisch
http://www.alistapart.com/articles/sprites/
* "Hovereffekte mit CSS-Sprites" von den Webkrauts
http://www.webkrauts.de/2007/10/20/hovereffekte-mit-css-sprites/
* Vergleich verschiedener sprites Techniken
http://css-tricks.com/nine-techniques-for-css-image-replacement/
Vorteile
* Kleinere Downloads (in der Regel)
* Weniger Downloads (
* Sauberer html Quelltext = gut für SEO und accessibility
* Kein Einsatz von clientseitigen Sprache wie JavaScript nötig
* Kein MouseOver-Code in den Links
* Bilder liegen vor und der lästige Verlagerungseffekt entfällt
* Eine Möglichkeit damit Bilder für Anfänger nicht herunterladbar sind
Probleme
* IE 6 "flickrt" bei speziellen Cache Einstellungen( http://www.webkrauts.de/2007/10/20/hovereffekte-mit-css-sprites/#comment-22297 )
* Opera 6
* Bei der Einstellung "Bilder aus, CSS an" funktioniert die Technik nicht
Dazu habe ich noch das gefunden
am 23.10.2008 - 23:48 Uhr
http://mustardseedmedia.com/podcast/episode6
Leider Englisch
Roger
Coole podcasts war mir
am 26.10.2008 - 19:06 Uhr
Cooler podcasts war mir bisher unbekannt, thx :)
Der hat noch mehr!
am 27.10.2008 - 00:30 Uhr
Hast Du gesehen? auf der Seite gibts noch fast 20 andere Podcasts, grösstenteils solche zu Drupal.
Roger
Jup das meinte
am 27.10.2008 - 09:25 Uhr
Jup das meinte ich.
*lullabothörengeh