Webstandard & Webdesign - CSS, HTML

 

HTML5 vs. oder feat. XHTML2.0

Angeregt von den Ergebnissen der Studie die von Google initiiert wurde, habe ich mich mal ein wenig mehr mit der WHAT WG und deren Spezifikationen bzw. Zielen befasst. Die WHAT WG besteht laut Ihrer Aussage, aus einer Ansammlung von Browserherstellern ( hauptsächlich Mozilla und Opera ) die an der Entwicklung von Technologien interessiert sind, die es erlauben Anwendungen für das WWW zu entwickeln. Der Fokus liegt hierbei eindeutig bei Technologien die in Webbrowsern implementiert oder von Ihnen interpretiert werden.

 (weiter)

Google analysiert Webseiten-Quellcode

Der Titel an sich, dürfte die wenigen Leser überraschen. Die Ergebnisse der Studie, die laut Heise in den Entwurf von HTML 5 mit einfliessen könnten, enthalten einige interessante Features. Hintergrund der Arbeit, die zur Untersuchung von 1 Milliarde Webseiten und deren Quellcode führte, ist das Engagement von Google in Bezug auf die Arbeitsgruppe Web Hypertext Application Technology Working Group (WHAT WG).

 (weiter)

Seminar: Barrierefreies E-Government

EFA verweist auf eine Veranstaltung am 23.März 2006 mit dem Thema Barrierefreiheit, die im Darmstädter ZGDV stattfindet. Das dortige Seminar steht unter dem Motto "Webseiten effektiv gestalten" und dürfte sicherlich den ein oder anderen interessieren. Wer mehr dazu erfahren möchte, um gegebenenfalls daran teilnehmen zu können, kann sich hier über das Seminar etwas genauer informieren.

 (weiter)

Listen im Sinne der Barrierefreiheit einsetzen

Inspiriert von Björns Beitrag, nun einen weiteren kleinen Anstoss zum Thema Listen und deren korrekten Einsatz. Auf Layouttabellen zu verzichten ist absolut der richtige Schritt in die richtige Richtung, leider ist der falsche Einsatz vom Div ebenso ein Schritt zurück, wie der nicht korrekte Einsatz von Listen zum Layouten und Strukturieren von Webseiten. Im Sinn der Semantik sollte eine Liste die Funktion erfüllen, deren Bedeutung und dessen Sinn sie erfüllen soll. Nämlich der Darstellung und Aufzählung oder -listung von Inhalten. Wir wollen mit dem korrekten Einsatz von Webstandards und deren Elemente keine zusätzliche Barrieren schaffen, mit denen sich User im Umgang mit dem Web im Alltag auseinander zu setzen haben. Dazu trägt der korrekte Einsatz von Listen bei, sei es als georndete (ol), unsortierte (ul) oder definierte Listen (dl). Denn Sie stellen ein von der Usability her unverzichtbares Element zur Strukturierung von Webseiten dar und können deutliche Beziehungen zu den Inhalten von Seiten darstellen.

 (weiter)

Skalierbare Webseite im Fokus des Webstandard

Die Entscheidung für den Artikel der Woche ist mir diesmal sehr einfach gefallen und ging an den Beitrag "Der Focus im Fokus" von Eric Eggert. Eric hatt den Artikel "Failed Redesigns Made in Germany" von www.vorsprungdurchwebstandards.de zum Anlass genommen, um die Seite des Online-Magazines etwas näher unter die Lupe zu nehmen.

 (weiter)

Webseiten ausdrucken? Webstandards bieten Alternative!

CSS bietet die Möglichkeit, Stylesheets für unterschiedliche Ausgabemedien zu definieren. Auf einfache und unkomplizierte Art und Weise können die Dateien mittels entsprechender CSS Dateien für das jeweilige Ausgabemedium präsentiert werden. Diese Anwendung für den Monitor ( media=screen ) dürfte ebenfalls den meisten bekannt sein. Ab und zu gibt es hier, den ein oder anderen doch etwas längeren Artikel. Nicht jeder möchte diesen bspw. inklusive Kommentare online lesen, sondern sich ausdrucken. Nach geraumer Zeit die mein Weblog nun online ist, habe ich mich mal an die Arbeit gemacht und die Styles für eben die Printvariante zu bearbeiten. Das Ausgabemedium PRINT und eine zusätzlich Datei ( print.css ) sorgen für einen hoffentlich übersichtlichen Ausdruck der Artikel, welcher mittels der Accesskeybelegung: Alt + p ebenfalls unkompliziert und ohne Barrieren aufgerufen werden kann. Der ein oder andere wird jetzt denken, hey warum so einen Aufwand? Wozu gibt es Screen grab! Oder andere Browser-Extensions. Vollkommen OK, wer es installiert hat, soll es nutzen. Aber nicht alle User installieren Erweiterungen für den Browser bzw. können damit umgehen. Und da wir keine Barrieren schaffen, sondern sie beseitigen wollen, gibt es für alle anderen die übliche Art und weise des Druckens ;o)

 (weiter)

Mit oder ohne Tabellen layouten?

Diese Frage bzw. die daraus enstehenden Diskussionen, tauchen in den letzten Tagen nicht nur auf Grund der Beiträge des SELFHTML Weblogs, Jeenas Beitrag oder der Artikel von Jens und Björn auf, sondern sind schon länger Diskussionspunkt in der Szene. Mit diesem kurzem Beitrag möchte ich nicht die einzelnen Vorteile der einen oder anderen Anwendungslösung auflisten, sondern nur eine Diskussion anstossen, die hoffentlich die Vorteile eines tabellenfreien Layouts zum Ergebnis hat ;o)

 (weiter)

Video Trainings für Flash mit Actionscript, Photoshop, InDesign, Illustrator u.v.a.m.

Einen sehr interessanten Link möchte ich Euch nicht vorenthalten, denn Galileo Design hat eine Video Trailer Serie veröffentlicht, in der Video Trainings ( bis zu viertelstündige kostenlose Trailer) für nahezu alle Bereich des Designs präsentiert werden. Über die Bearbeitung digitaler Fotos, über Pinnacle Studio, Flash und Actionscript, Photoshop CS2, InDesign, Illustrator, Mac OS X 10.4 Tiger, um nur einige zu nennen.

 (weiter)

Hier gibt es 100% Ajax!

Das Thema Ajax ist seit letztem Jahr in aller Munde. Einfach gesagt, handelt es sich dabei über eine Datenübertragung zwischen Server und dem Browser des Users. Mit Ajax ist es möglicht, HTML Seiten nicht mit jeder HTTP Protokoll Anfrage neu laden zu müssen. Es werden nur bestimmte Teile einer Seite geladen. Mehr dazu soll es hier, zumindest momentan, erstmal nicht geben.

 (weiter)

Safari Browsertest für PC User

Ein wiedermal sehr interessantes Projekt für das Testen von Webseiten gibt es beim Safaritest zu begutachten. Es ist zwar keine Remote-Access-Lösung die es dem User erlaubt, sich auf Testrechnern einzuloggen, wie hier berichtet, sondern eine schnelle Screenshotvariante.

 (weiter)

Was ist besser: HTML oder XHTML?

Eine interessante Frage, die Jonathan Snook in seinem Weblog stellt. Was ist besser: HTML 4.01 Strict oder XHTML 1.0 Strict? Diese Frage würde ich gern aufgreifen, da man nicht nur hierzulande immer wieder Diskussionen bezüglich der Unterschiede geführt werden.

 (weiter)

Möglichkeiten und Aussichten auf und mit Cascading Style Sheets 3 ( CSS3 )

Ein Standard der Browserhersteller unter anderem dazu treibt immer wieder neue Versionen auf den Markt zu bringen, ist die Unterstützung für CSS. Immer wieder macht man auch die Erfahrung, dass CSS gar nicht, kaum oder falsch eingesetzt wird. Seiten voller Tabellen oder vom Div-Chaos dominiert, sind keine Seltenheit. Mit einer kleinen Serie, möchte ich hier einen Einblick in die Möglichkeiten geben, die uns CSS3 bietet. Ein berechtigter Einwurf wäre jetzt. Warum? Damit beschäftigt sich doch bisher eh kaum ein Browser. Richtig! Bisher unterstützen, bspw. das mehrspaltige Layout, nur die Rendering-Engine Gecko in Version 1.8 betriebenen Browser ( Laut der Statistik sind es immerhin ein drittel der Besucher meines Weblogs, mit steigender Tendenz. ). Das wären Mozilla 1.8+, Firefox 1.5, Flock und der noch in der Entwicklung befindliche Browser Seamonkey. Das entspricht nicht unbedingt der dominierenden Browsermehrheit, aber der Anteil der Browser die diese Module interpretieren können, werden nicht kleiner und deshalb sollte es für jeden der sich professionell mit dem Thema beschäftigt, sein ureigenstes Interesse sein, sich mit diesen Modulen zu beschäftigen.

 (weiter)