In eigener Sache: Es geschehen noch Zeichen und Wunder – mein neues Blog ist online! Mittlerweile ist der Entwurf über ein Jahr alt, aber ein privates Projekt braucht ja bekanntlich Zeit. Dafür finde ich das Resultat durchaus gelungen. Seht und urteilt selbst…
Viele Webdesigner stellen leider immer noch das Erscheinungsbild einer Internetseite über Usability und Zugänglichkeit. So werden die Richtlininen des W3C für farbliche Konzeption, die in der WCAG 2.0 festgelegt wurden, häufig außer Acht gelassen.
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…
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.
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?
Flattr zärtlich Danke ♥
Beliebte Artikel
- CSS: Ein vertikales und/oder horizontales Dropdown-Menü
- Microsoft: Expression Web SuperPreview. Website-Check im IE6 bis IE8
- Google Waves: Neue Horizonte durch Echtzeitkommunikation?
- CSS: Der IE6 mit :hover und ein vertikales Karteikarten-Reiter-Menü
- MooTools: Fading Opacity. Schickes Menü mit Mouseover
- Kurz notiert: Platz 16 beim CSS Off von CSS-Tricks
- CSS: F.I.M. - Fake Image Map. Eine Alternative zur echten Image Map
- CSS: Transparenz im Hintergrund!
- Podcasting: 5 (hörenswerte) Podcasts rund um's Thema Internet
- Kurz notiert: Und der User scrollt doch!?
- Kurz notiert: Mehr Schärfe mit Photoshop. Unscharf maskieren...
- CSS: Ein 3-Spalter-Div-Layout!
- CSS: Ein 3-Spalter-Div-Layout. Absolute!
- CSS: Einen Float-Container ohne zusätzliches Markup clearen!
- Dreamweaver 8: ListAll und BreakAll-Erweiterung!
- CSS: Arbeiten mit Sprites heisst Bandbreite sparen!
- VMware: Ein Player für alle Fälle!
- Flash: Dynamische Navigation aus einer Datenbank!
- CSS: !important. Styles mit der groben Kelle!
- CSS: Be water my friend. Was CSS und Bruce Lee gemeinsam haben könnten...
- Browser: Google will mit Chrome glänzen
NonCommercial
Shop
Folge mir auf...
- BonBon Sweet CSS3 Buttons http://t.co/2UkrGQs via @simurai Nicht schön aber selten ;-) (und echt gut gemacht) #css3 #button 1 hr ago
- packt seine Koffer und wechselt komplett vom #ff zum #chrome Die gleichen Extensions+, schneller, größer, scheint nicht so zerfrickelt... 4 hrs ago
- Avoiding the Uncanny Valley of Interface Design: http://goo.gl/mac7 "Uncanny Valley" kannte ich nicht http://goo.gl/MXUO #great_article 1 day ago
- More updates...