• Digital Web Magazine: Web Design 101: Floats
• Agile Ajax: CSS 3: Multi-column Layout vs. Advanced Layout
• Tutorial Zone: CSS – Creating a vista style nav bar in css
• Floatutorial – Step by step CSS float tutorial
• nerd.of.steel: Designing Your CSS with A Grid Overlay
• Jonathan Snook: 6 Keys to Understanding Modern CSS-based Layouts (schon etwas älter aber nicht weniger lesenswert)

Ob das Jahr 2006 ein gutes war, sollte wohl jeder für sich beurteilen. Nicht zuletzt ist ein jeder von uns zur Person des Jahres gewählt worden. Vielleicht hilft euch diese Übersicht (in meinen Augen) wichtiger Artikel und Änderungen:

Webdesign

• Webstandards, z.B. bei den Webkrauts, Webseitenbetreibern oder dem Web Standards Project
• Usability, vor allem beim Guru Jakob Nielsen
• Ajax (Programmierung)
• Mikroformate (dt. Website)
• optische Trends, vor allem der Web2.0-Seiten: Ähnlichkeit zu Desktopanwendungen, große Schriften, Glaseffekt und Schatten, runde Formen

Mehr dazu im Read/WriteWeb “2006 Web Technology Trends”.

Web

• Social Networks
• Online Apps: YouTube, Flickr, Linklists, Tools von 37Signals, u.v.m.
• Blogs

Mehr dazu unter Oliver Reichensteins The “50 loudest websites in 2006 and what made them successful”, den “50 Coolest Websites” des TIME Magazines, der Liste “The new 100 most useful sites” des Guardian oder den Top 10 Web 2.0 Winners.

Technologie

2006 passierte viel, die besten Erfindungen hat das TIME-Magazine gefunden, ZDNet fasst das Jahr 2006 in Bildern zusammen und bei heise erhält man einen ganzheitlicheren Blick auf das (fast) vergangene Jahr.

Bücher im Jahr 2006

Einige Bestseller aus dem Bereich Webdesign, HTML und Web:

• Little Boxes. Webseiten gestalten mit CSS. Grundlagen
• CSS-Layouts. Praxislösungen mit YAML
• Don’t make me think! Web Usability: Das intuitive Web
• Webseiten programmieren und gestalten – HTML, CSS, JavaScript, PHP, MySQL, AJAX mit DVD

Im cne _LOG

Und natürlich war das Jahr 2006 auch für mein Weblog erfolgreich, daher möchte ich euch die besten, meist kommentierten und erfolgreichsten Beiträge hier noch einmal nennen:

• Typographie im Web
• Stimmübungen – Teil 1: Lockerungs- und erste Stimmübungen
• Stimmübungen – Teil 2: Sprechübungen
• Sprechtraining – Teil 3: Angewandtes Sprechen
• Übersetzung von Roger Johanssons Artikelserie Evaluating website accessibility: Die Evaluierung von Webseitenzugänglichkeit Teil 1, Hintergrund und Vorbereitung, Teil 2 und Teil 3
• Hartes Blogger-Brot – Gute Blogartikel schreiben

Abschließend bleibt nur noch eins zu sagen:

Ich wünsche euch einen guten Rutsch und einen guten Start in ein ebenso gutes Jahr 2007.

Nachzutragen wäre da nur noch der zweiteilige Artikel von Simon Griffin auf Vitamin: “Internet Explorer 7: Were you ready?”und “Wake up and smell the IE7!”.

• Markus Stefan “Ein Plädoyer für Kommunikation”
• fadtastic “Client Speak”
• Jonathan Snook “How NOT to Work on a Project”
• Good Copywriting “Redesign: Who’s your copywriter?”
• Aside Blog “How does a designer choose a client?”

Zum Thema Lesbarkeit und Farbkombinationen gibt es bereits einige Studien und Artikel:

• Readability Of Websites With Various Foreground/Background Color Combinations, Font Types And Word Styles
• PDF “The Impact of Web Page Text-Background Color Combinations on Readability, Retention, Aesthetics, and Behavioral Intention”
• Criteria for optimal web design (designing for usability): How should text be presented within a website?
• Legibility of Computer Displays as a Function of Colour, Saturation, and Texture Backgrounds
• Is readability a black and white issue?
• S5 Präsentation: “Zoom Zoom, layouts for visual impairment”

Sind dunkle Designs tatsächlich schwerer zu lesen? Und warum zeigten einige der Studien, dass heller Text auf dunklen Hintergründen von vielen Probanden mit Sehbehinderungen bevorzugt wurden? Und macht ein grauer Hintergrund einen weißen Text nicht angenehmer, was wohl auch an den kontrastreichen LCD-Monitoren liegt, wie Jonathan Snook es ausdrückt?

Zusammenfassend lässt sich sohl nur sagen, dass es es weniger um schwarz auf weiß und umgekehrt geht als um einen guten Kontrast zwischen den gewählten Farben, der zum einen hoch genug ist, um alles lesen zu können, und zum anderen gering genug ist, um dem Leser keine schmerzenden Augen zu bescheren.

Ein Tipp, der hängengeblieben ist:
Wähle niemals einen reinen weißen Hintergrund und absolut schwarzen Text, der Kontrast zwischen beiden ist zu hoch.

Informationen

Usability im Überblick

Empfehlungen zur Lektüre:

• Fit für Usability: Usability Tipps
• Usability Knowhow
• Usability-Forum
• Benutzerfreundlichkeit (pädagogische Artikel von schulhomepage.de)
• Jens Meiert: Usability-Heuristiken
• Vorsprung durch Webstandards: Usability, Webstandards und barrierefreies Internet
• Web-Usability-Analyse: Fehler der Benutzerfreundlichkeit und Benutzerführung
• Jakob Nielsens Alertbox auf Deutsch (Jakob Nielsen’s Alertbox)
• OpenUsability
• World Usability Day 2006
• Jakob Nielsen: Designing Web Usability (Erscheinungsdatum: Oktober 2004, ISBN: 3827268478, Link zu Amazon)
• Sven Heinsen, Petra Vogt: Usability praktisch umsetzen (Erscheinungsdatum: Juli 2003, ISBN: 3446222723; Link zu Amazon)

Im Text erwähnt: “Don’t make me think” von Steve Krug.

Mikroformate

• Präsentation von Eric Eggert beim letzten WebMontag in Karlsruhe: »Mikroformate – Erweiterte Semantik von HTML-Dokumenten« (S5)
• Deutschsprachiges Wiki zum Thema Mikroformate
• Microformats

Nützliche Quellen zur Webentwicklung

• Kostenlose Vorlagen für Webseiten erhaltet ihr auf Open Source Web Design (www.oswd.org). Die meisten der angebotenen Templates basieren auf XHTML und CSS und werden unter unterschiedlichen Lizensen zur kostenlosen Nutzung angeboten.
• Zehn Webentwickler-Sammlungen zu JavaScript, Ajax, PHP, CSS und Farbenlehre werden von Cameron Olthuis in seinem Beitrag “Top 10 Web Developer Libraries” genannt.

News

Webstandards?

Obwohl sich in den letzten Jahren viel getan hat, gibt es immer noch Missverständnisse, wenn es um Webstandards geht. Diese Missverständnisse betreffen generelle Forderungen oder setzen sich mit der Philosophie der “Standardistas” auseinander. Und obwohl viele Webseiten auf validem und semantischem Markup basieren, scheinen wir selbst gefangen zu sein in einer Art Weltansicht, die keine andere neben sich zulässt.

So ertappen wir uns manchmal vielleicht selbst dabei, eher die Validität des Webseitencodes zu überprüfen statt auf den Inhalt einer Website zu achten.

Einige Artikel, die sich mit Missverständnissen und Fehlinterpretation der Webstandards gefassen, wurden im accessBlog des EfA-Portals gesammelt. Sie zeigen, dass Webstandards krank machen oder vollkommen am Ziel vorbeischießen können, wenn man sich nicht auf die eigentliche Botschaft der Webstandards konzentriert.

Webstandards sind nichts anderes als ein Mittel, den eigenen Inhalt besser und einfacher einer größeren Zielgruppe zugänglich zu machen. Darum sollten wir uns darauf konzentrieren, gute Inhalte zu produzieren. Und da unsere Inhalte Geschenke an unsere Besucher sind, können wir sie in Webstandards-Geschenkpapier wickeln.

Links:

• Gesammelte Werke im accessBlog/EfA
  • Philipp Lenssen:
    »9 Ways to Misunderstand Web Standards«
  • Joe Dolson:
    »Being Obsessive about Web Standards«
  • Alice Tappart:
    »Why Web Standards Could Be Making You Ill«
  • Joe Clark:
    »Failed Redesigns III«
  • Roger Johansson:
    »CSS Reboot participants far from standards-based«
• Jesper Rønn-Jensen: Why Web Standards Matter (Case Study)

PAS78 kostenlos verfügbar

Wie das Web Standards Project verkündete, ist die Richtlinie PAS78 nun kostenlos verfügbar. Die PAS78 ist eine Empfehlung für Unternehmer, die zugängliche Webseiten erstellen lassen wollen, steht für die Publicly Available Specification mit dem Titel “Guide to good practice in commissioning accessible websites” und wird von der British Standards Institution entwickelt.

Den kostenlosen Download erhaltet ihr hier: “Guide to good practice in commissioning accessible websites”

Barrierefreiheit für Entscheider

In einem umfangreichen Artikel beleuchtet das Projekt bik, barrierefrei informieren und kommunizieren, die relevanten Vorteile von Barrierfreiheit für Unternehmen.

Dabei gehören die an anderen Stellen immer wieder erwähnten Vorteile wie Verringerung der Datenmenge, einfachere Pflege und bessere Suchmaschinenergebnisse hier lediglich zu den Nebenerscheinungen. Ausschlaggebende Vorteile von barrierefreien Unternehmenswebseiten sind laut bik vor allem die Barrierefreiheit selbst. Denn die verbesserte Zugänglichkeit für eine größere Zielgruppe und die mit Barrierefreiheit verbundene einfachere Bedienbarkeit von Webseiten sind die eigentlichen Vorteile für Unternehmen.

Der Artikel ist auf der Webseite des bik abrufbar: Barrierefreiheit für Entscheider