Aufmerksamen Besuchern (oder Besuchern mit älteren Internet Explorern ;-)) ist es vieleicht schon aufgefallen: Ich habe die letzten Tage immer mal wieder an der Headergrafik hier im Blog rumgespielt mit dem Ziel, keine externe Grafik mehr zu benötigen, sondern das Motiv mit den Gitarrensaiten und den Pickups komplett mittels HTML und CSS darzustellen.
Die Sinnfrage kann man stellen; die HTML/CSS Lösung ist auflösungsunabhängig, sieht in jeder Skalierungsstufe knackig aus und es werden keine (zusätzlichen) Bilddaten übertragen. Dafür sieht es in Browsern, die CSS Eigenschaften wie "border-radius" nicht verstehen und/oder mit CSS Transforms nix anfangen können, ziemlich, hm, interessant aus :-))
Klar, ich könnte nun den modernizr auf die Seite draufschmeissen und einen Fallback für die Darstellung in jenen Browsern vorsehen, viellleicht mache ich das auch noch die nächsten Tage, aber da es sich ja "nur" um Deko handelt, priorisiere ich das mal nicht so hoch. Das HTML-Markup ist auch noch nicht der Weisheit letzter Schluss, da ich nun für die "Saiten" und die "Pickups" leere Listen im Code stehen habe - das ist semantisch nicht korrekt und leeres Markup… hm ja, genau.
Also, seit langer Zeit mal wieder Work-In-Progress hier in der Bloghütte. Endlich. :-)
Webrocker