CSS: F.I.M. (Fake Image Map) – eine CSS-Image-Map ohne Gif
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…
Webkrauts: Kontrastreiche Farbwelten
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.
HTML: Was bedeutet eigentlich Semantik?
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?
CSS: F.I.M. – Fake Image Map. Eine Alternative zur echten Image Map
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…
HTML: Background vs. Image-Tag. Bilder im Zeitalter der Handhelds
Ein Layout ohne img-Tags ist wesentlich flexibler und die einzige Möglichkeit das Design (CSS) komplett vom Inhalt (HTML) zu trennen. Gerade in den Zeiten der Optimierung für neue internetfähige Ausgabegeräte ein wichtiger Aspekt. Sind die Tage des Image-Tags gezählt?
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: F.I.M. - Fake Image Map. Eine Alternative zur echten Image Map
- 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: 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...
- Lange nicht mehr gehört - immer wieder gerne: Rancid ~ Roots Radicals http://goo.gl/AzN1 #rancid #punk #video 2 days ago
- Typography Served :: Gallery http://www.typographyserved.com #inspiration #typography #design 3 days ago
- Also Leute, nicht übertreiben mit der Tag-Cloud, dann klappt's auch mit Google... http://goo.gl/0wjH #seo #tag_cloud #google 5 days ago
- More updates...
