Freizeitler » background

Scrolling Parallax: Animiertes Scrolling mit Tiefgang

Freizeitler — Tue, 27 Sep 2011 18:15:24 +0000

Parallaxe [aus dem Griechischen; für „Veränderung“, „Abweichung“] ist ein Phänomen, das aus verschiedenen Bereichen bekannt ist (z. B. der Astronomie). In der Fotografie wird die Unstimmigkeit zwischen dem Bild im Sucher und dem fotografischen Bild mit einem Parallaxenausgleich behandelt. Im Webdesign ist Scrolling Parallax bereits vor einiger Zeit angekommen. Ich möchte zu diesem Thema das [...]

CSS: F.I.M. (Fake Image Map) – eine CSS-Image-Map ohne Gif

Freizeitler — Sun, 20 Sep 2009 21:18:24 +0000

Ein Kommentar zu meinem letzten Artikel über die F.I.M. hat mich dazu gebracht, den Aufbau noch einmal gründlich zu überdenken und das Resultat ausgiebig zu testen. Somit kann ich jetzt eine echt gute Alternative vorstellen… Danke erstmal an Mat, der mich mit seinem Kommentar und Post auf den richtigen Weg gebracht hat und die Lösung [...]

CSS: F.I.M. – Fake Image Map. Eine Alternative zur echten Image Map

Freizeitler — Mon, 09 Feb 2009 20:28:42 +0000

Alle, die sich schon einmal fragten, ob und wie man ein Background-Image verlinken kann ohne auf CSS3 warten zu müssen, sollten diesen Post einmal lesen. Die Antwort ist simpel, bulletproof und valide! Hier gibt’s einen Workaround… Hinweis: Diese Variante ist nicht mehr empfehlenswert! Eine bessere Alternative ohne .gif und somit ohne zusätzlichem Request findet ihr [...]

CSS: Arbeiten mit Sprites heisst Bandbreite sparen!

Freizeitler — Mon, 11 Aug 2008 05:06:39 +0000

Packe alle deine grafischen Elemente in eine Datei und positioniere diese als Hintergrund pixelgenau. Es ist ein Sprite und es hilft dir die Hälfte deiner Bandbreite zu sparen. Echt! Wir alle sind es gewohnt das Layout einer Website in einzelne Slices und Dateien aufzuteilen und diese auch Stück für Stück in die Seite zu laden. [...]

CSS: Transparenz im Hintergrund!

Freizeitler — Wed, 06 Aug 2008 21:05:07 +0000

Und es geht doch: Dem Hintergrund eine beliebige Transparenz verpassen während der Text undurchsichtig bleibt (Achtung: Wortwitz!).Für dieses Beispiel brauchst du keine htc- oder hta-Datei, sondern lediglich ein .gif! Die Kehrseite: Wir müssen den Pfad des W3C verlassen… Für diese Variante werden zwei Container benötigt. Aus semantischer Sicht würde ich einen p-Tag für den textlichen [...]