Gute Seiten,Schlechte Seiten

Jens Grochtdreis

Was ist „gut“?

Das Netz bietet die Möglichkeit, Informationen von JEDEM in JEGLICHER Form konsumierbar zu machen.

Warum soll man diese Stärke unnötig ignorieren?

Möglichst wenige Fehler (Validität)Semantische Struktur (jemand hat sich über den Inhalt der Seite Gedanken gemacht)Daran denken, daß man nichts darüber weiß, WIE jemand die Seite konsumiert.In Alternativen denken.

Was richtig schlechteszur Einstimmung

Finanzamt Pirmasens

• In 2009 immernoch nicht barrierefrei!

• Designfrei und hässlich

• Tabellenlayout und kindische Bildchen

• Keine Semantik

• Frameset

Die Schlechten

Barrierefreie Seiten …

• … müssen nicht häßlich sein

• … sollten gut lesbar sein

• … sollten semantischen Code haben

div id="h1Homepage"

Ladezeiten beachten!

• 8 MB für eine reine Flashseite ohne jegliche Alternative sind sehr viel, auch für DSL.

Framesets sind tückisch

• Ein Netbook hat nur 600 Pixel Höhe.

• Frames sind technisch nicht mehr notwendig.

• Frames schränken die notwendige Flexibilität stark ein.

Layouttabellen sind böse

• Aber Tabellen für tabellarische Daten sind prima.

• Es heißt ja auch Bundesliga-Tabelle, nicht Bundesliga-DIV.

Luft zum Atmen geben

• Fixierung in der Höhe macht Inhalte nicht flexibel nutzbar.

• Spätestens bei der zweiten Vergrößerung ist der Inhalt nicht mehr lesbar.

• Wer sagt denn, daß niemand Ihre Webseite vergrößern will oder muss?

1x1 des Webdesigns

• IDs sind einmalig

• Tabellen nur für tabellarische Daten

• FONT ist out und ähbäh!

Die Guten

In Alternativen denken

• Alternativen für Javascript

• Alternativen für Flash

• Aber auch mal in Browseralternativen denken (Flasheinbettung mit JS)

Schattenseiten

• „Wo viel Licht, da auch viel Schatten“

• Nach 10 Sek. erster Werbebanner (wenn man Glück hat)

• Nach 30 Sek. beginnt der Seitenaufbau (186 Objekte)

• 1,4 Minuten bis Komplettaufbau (insges. 4,2 MB, inkl. 2,6 MB Flash)

• 645 KB Scripts

Schattenseiten

• 32 CSS-Dateien !

• ca. 183 KB

• nicht-komprimiert, nicht-optimiert

Styleswitcher mal anders

• Eine Code für vier Ansichten

• Nur die Google Map wird nachgeladen

• Kein zeitraubender Reload

• Kein unnützer und teurer Traffic

• Javascript sinnvoll genutzt

Alternative zu JS-Version

• Mit Javascript gibt es schnelle optische Änderungen.

• Jeder dieser Zustände ist ohne Javascript als eigene Seite erreichbar.

• Ohne Javascript sieht das Layout exakt gleich aus.

Schmankerl

Guter Code != schöne Seite

<a href="http://creativecommons.org/licenses/by-nc-sa/2.0/de/" rel="license">Attribution-Noncommercial-Share Alike 2.0</a>

KTHXBAI!