Freizeitler Web [x.0] Blog: unkonventionell, unkommerziell, unabhängig…

Als Chris Coyier am 10.02.2010 zum “The Great CSS Off” aufrief liess ich mich nicht lumpen. Immerhin konnte man zwei Fachbücher eigener Wahl sowie Ruhm und Ehre gewinnen. Obendrein diente das ganze noch einem guten Zweck, denn für jede Einsendung erklärte sich Chris bereit, 3$ an ein Haiti-Hilfsprogramm zu spenden.

Die Aufgabe war es, aus einer Photoshop-Datei ein brauchbares HTML-Layout zu erstellen, also die Art von Arbeit, mit der ich jeden Tag mein Brot verdiene. Kann ja nicht so schwer sein – kann ja nicht so lange dauern.

Am Ende waren es ungefähr 4 Stunden investierte Arbeit. Nicht viel, aber dafür bin ich in fast jede Falle getappt.
Z. B. kein Image-Replacement im Header, um ehrlich zu sein sogar mit voller Absicht, um ihn flexibel zu halten. Kam nicht so gut an. Außerdem habe ich ein paar Kleinigkeiten im Layout übersehen sowie den Schlagschatten von Überschriften. Unschön!

Das Resultat ist ein (für mich hervorragender) 16ter Platz in einer internationalen Wertung. Man beachte die höchsten Punktzahlen in den Kategorien “Modern Browser Support”, “Slightly Older Browser Support” und “Old Browser Support” und sogar “Image Quality”. Hier meine Umsetzung.
Auch wenn es kein Buch für mich gab hat es echt Spaß gemacht und alle Resultate sind echt sehenswert. Herzlichen Glückwunsch an die verdienten Gewinner und bis zum nächsten mal, Chris…

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…

mehr »

In den unendlichen Tiefen des World-Wide-Webs bin ich neulich auf einen Artikel über Product Highlighting mittels CSS und Prototype.js gestossen. Interessante Geschichte, dachte ich mir, aber geht das auch ohne Javascript?
Also fing ich an zu experimentieren…

mehr »

Die Suche hat ein Ende! Hier gibt’s ein wirklich sehr leicht anzupassendes Dropdown-Menü ohne JavaScript. Es basiert auf einer herkömmlichen Liste mit Unterlistenpunkten und kann durch die Veränderung von nur zwei Attributen im Stylesheet in eine horizontale bzw. vertikale Navigation umgewandelt werden.

mehr »

Die Trendwende hat bereits stattgefunden. Das W3C und andere Institutionen haben jahrelang daran gearbeitet ein altes Bewusstsein in die Köpfe der Webdesigner zurück zu bringen – und sie haben es geschafft. Die Semantik ist wieder da!
Aber was bedeutet Semantik für das Webdesign und wie wichtig ist sie wirklich?

mehr »