Webstandard & Webdesign - CSS, HTML

 

Semantisches Web - HTML-Code seiner Bedeutung entsprechend auszeichnen

Semantisches Web - HTML-Code zu schreiben, heißt Inhalte zu gliedern, um Strukturen schaffen die somit untereinander logische Beziehungen zu einander erhalten. Ein Aspekt bei der Webseitengestaltung der nicht erst seit kurzem vielerorts Vernachlässigt wird. Bei dem ein oder anderen Blick unter die Haube einer Webseite, hat man bei genauerer Betrachtung des HTML-Codes immer häufiger den Eindruck, dass es den Betreibern von Webseiten, Blogs, Portalen oder Online-Shops eher darauf ankommt ein Teil des Social Web zu sein und auf jeden Trend aufzuspringen, als die vorhandenen Inhalte ihrer Bedeutung entsprechend auszeichnen und zu strukturieren.

 (weiter)

24ways 2009 - The advent calendar for web geeks

Adventszeit ist bei vielen auch gleichbedeutend mit Geschenkezeit. Wobei dies nicht immer in Form materieller Dinge geschehen muss, sondern wie bei 24ways.org, dem Pendant zum Adventskalender der Webkrauts, anhand von täglichen Tipps und Tricks für "Web Geeks" zu Themen wie Webdesign, Webentwicklung und allem was dazu gehört. Den Anfang macht dieses Jahr Drew McLellan dessen Artikel "Working With RGBA Colour" sich mit dem Thema Deckkraft einer Farbe beschäftigt ( RGBA gilt im übrigen für Farbangaben bei Text, beim Hintergrund oder für Rahmen ). Für alle SEO interessierten Leser noch der Hinweis, dass auch ein SEO-Adventskalender ins Leben gerufen wurde. In diesem Sinne, viel Erfolg und auf hoffentlich viele neue und hilfreiche Erkenntnisse!

 (weiter)

Valider Code ist nicht gleich guter Code!

In letzter Zeit kommt einem in Blog-Beiträgen und den darauf folgenden Diskussionen immer wieder häufiger das Argument unter, dass valider (X)HTML-Code auch guter Code sei. Diese Behauptung ist nicht richtig! Denn auch auf Tabellenlayouts basierende Webseiten können fehlerfrei und damit valide sein. Die Validität allein bezieht sich lediglich darauf, ob bei der Umsetzung des Codes Fehler erzeugt wurden oder nicht und nicht ob bspw. der Content auch seiner Bedeutung entsprechend ausgezeichnet worden ist. Auch die Behauptung valider Code ist barrierefrei, dürfte somit widerlegt sein. Denn auch valider Code basierend auf Tabellenlayouts, kann zu Barrieren für Internetnutzer führen! Validität sagt also nichts darüber aus, ob eine Webseite für seine Besucher optimiert und zugängig ist, sondern lediglich das der Code fehlerfrei ist. Welche Art von validem Code der "richtige Weg" ist, wird der weitere Verlauf dieses Artikel zeigen.

 (weiter)

Alpha-transparente PNG-Grafiken auch für den IE kleiner Version 7!

Transparenzen in Bildern und Grafiken für den IE kleiner der Version 7 darzustellen zeigt, ein nicht ganz unbekanntes Problem. Gerade bei Grafiken die sich wie die Abbildung über wechselnden Hintergrundfarben oder Farbverläufen befinden, ergibt dies ein oft unansehnliches Bild. Zur Lösung dieses Problems gibt es wie so oft, mehrere Ansätze. Da gerade bei den Suchanfragen oder direkten Anfragen an das Webstandard-Team, nach einer solchen Lösung gefragt wird, wollen wir an dieser Stelle auf ein kleines aber feines JavaScript hinweisen, welches von Dean Edwards entwickelt wurde. Neben vielen anderen Features die dieses Skript ermöglicht, ermöglicht der Download des Skriptes unter der zusätzlichen Verwendung einer transparent Grafik im GIF-Format, eine optimale Darstellung alpha-transparenter PNG-Grafiken in allen IE-Versionen kleiner der Version 7.

 (weiter)

Validität ist nicht alles!

Ein nicht unverkennbarer Trend in letzter Zeit, zeigt auf das viele Web-Entwickler Wert auf fehlerfreien Quellcode im Sinne barrierefreier Webanwendungen legen. Ein Ziel das sicherlich erstrebenswert ist, aber ein valider Code sollte nicht das alleinige Ziel sein. Auch ein Web-Design basierend auf einem Tabellenlayout kann beispielsweise valide sein, womit unterstrichen wäre das fehlerfreier Quellcode allein nicht wirklich aussagekräftig ist.

 (weiter)

Screen-Design oder Content?

Wer oder was legt die Struktur einer Webseite fest? Das Screen-Design oder der Inhalt einer Webseite? Inhalte einer Webanwendung oder Webseite sollten sofern möglich immer eine bestimmte Bedeutung besitzen. Diese Bedeutung besitzt nahezu immer einen semantischen Wert, so wie bspw. bei der Darstellung einer Adresse oder bei einer Veranstaltung, deren Daten bspw. die des Veranstaltungsortes und der entsprechenden Angabe der Uhrzeiten beinhaltet.

 (weiter)

Ist der Biene Award so gut wie sein Ruf?

Der Biene-Award, der alljährlich für die besten deutschsprachigen barrierefreien Internetseiten verliehen wird, ist sicherlich den meisten Webentwicklern im deutschsprachigen Raum ebenso ein Begriff, wie die damit verbundenen Voraussetzungen. Was aber sagen jene User, die auf die Barrierefreiheit und eine entsprechende Usability im alltäglichen Leben bei Online-Angeboten angewiesen sind, im Vergleich zur Jury?

 (weiter)

800 oder 1024?

Diese Frage löst in Webdesigner- & Webentwicklerkreisen meistens immer noch eine grosse Diskussion aus, wie hier bei Manuela, bei Jon Hicks oder in der Web Design Times. In den Kreisen von Web-affinen Anwendern ist die Verbreitung einer 1024er Auflösung, deutlich mittlerweile verbreitereter als die 800er. Aber wie sieht es bei grösseren Kundenanwendungen aus? Diese Frage ist oft noch schwerer zu klären, als im kleinen Rahmen oder bei kleinen Aufträgen. Ziehen hier die selben Argumente? Die Anzahl der Monitore, die eine grössere Auflösung haben steigen zusehens an. Oder die Anzahl der Webseitenbesucher mit 800x600er Auflösung wird immer kleiner, im Vergleich zu allen anderen? Wie begründet man dem Kunden seine Frage, wenn ihm diese zwei Punkte beispielsweise nicht genügen? Das finanzielle Potential welches die 800er User darstellen, will und kann der Kunde aus verständlichen Gründen nicht aufgeben. Ist es wirklich einfach damit zu begründen, dass es nicht mehr zeitgemäß ist?

 (weiter)

Neue Artikel bei A List Apart

Bei A List Apart sind zwei neue interessante und lesenswerte Artikel zu den Themen Accessibility und Design erschienen. Wer sich professionell mit Webdesign und Webdevelopment beschäftigt, sollte sich diese Berichte zu Gemühte führen, da unter anderem auf das Design von Webseiten und deren Auswirkungen auf den User eingegangen wird. Der Artikel: High Accessibility Is Effective Search Engine Optimization von Andy Hagans, beschäftigt sich mit der Umsetzung der Kodierung eines Projektes und seine Auswirkungen auf das Ranking bei Suchmaschinen. Accessibility sorgt seiner Meinung nach für bessere Ergebnisse ( mal wieder ein guter Artikel pro Accessibility ). Der zweite Beitrag von Nick Usborne beschäftigt sich mit dem Thema: Design Choices Can Cripple a Website. Hier werden 3 verschiedene Designs und Ihre Auswirklungen auf das Kauf- und Nutzungsverhalten der User getestet.

Div Wahnsinn, Div Suppe oder Div Chaos. Wie kann man es vermeiden?

All diese Begriffe sind mir während des Redesigns des Blogs immer wieder, unter anderem in Entwicklerforen(!) aufgefallen. Und musste feststellen das oft gar nicht verstanden wurde, was mit diesen Begriffen gemeint war oder ist. Die Entwicklung weg von Layouttabellen ist absolut korrekt. Nur sollte man nicht in den oben erwähnten Div-Wahnsinn verfallen ( siehe Was bedeutet Div-Wahnsinn?). Ich denke man kann es nicht oft genug erwähnen. Tabellen sind ok, so lange sie zur Darstellung tabellarischer Daten dienen. Aber um eine Seite zu zentrieren oder um grafische Elemente von Teaserboxen oder Hintergründgrafiken zu positionieren, sind Tabellen nicht gedacht. Dafür gibt es CSS. Die Empfehlungen des W3C sind bekannt und sie sind dafür da um angewandt zu werden. Das heisst wiederum nicht, das das einzelne Div als Layout missbraucht werden soll, um nun die Aufgaben zu erfüllen die vorher die Layouttabelle übernahm. Zur Verdeutlichung hier einmal ein Bsp. ( linke Seite der Grafik ) für Div Wahnsinn, so wie ich ihn verstehe.

 (weiter)