Free CSS-Layouts

Ausgehend von einer Riesenübersicht bei drweb.de ‘ne kleine Auswahl von einfachen Layoutquellen:

• Ultimate multi-column liquid layouts (em and pixel widths) von Matthew James Taylor (zum Benutzen Quelltext der Seiten anzeigen lassen)
• 8 Spalten-Layouts von Jimmy Lin ( auch hier zum Benutzen Quelltext der Seiten anzeigen lassen)
• Little Boxes

CSS

vielleicht ein ganz brauchbarer Anfängerkurs bei html-seminar.de

Mit und ohne BOM

Bei w3.org entdeckt. Allerlei belehrende Artikel über Zeichencodierung, utf-8 mit und ohne BOM, entities, …

doctype

Guckst du hier:

• mediaevent.de mit ein wenig Erklärung
• css4you

Embedded Video

Flowplayer Ltd ein 2-Mann-Projekt aus Helsinki bastelt einen ganz passablen Videoplayer fürs Netz.

Web 2.0 und Menschen mit Behinderungen

Die alten Sachen in puncto Barrierefreiheit kannte ich ja schon:

• klares Markup, das ein Screereader gut versteht
• kein Tabellenlayout
• Alternativtexte
• Alternativen zu Captchas

Aber die schöne neue Web-2.0-Welt birgt neue Gefahren, wie der Artikel von Michael Schaten zeigt:

• kontrastarme Modefarben
• alphabetisch geordnete Tag-Clouds → die Hervorhebung der Relevanz durch Schriftgröße geht mit Screenreader verloren
• AJAX → Screenreader kommen durcheinander, wenn nur Teile der Seite neu geladen werden

Test Metaangaben

Für die Kurzkontrolle empfehle ich folgende Quellen:

• Die Metaangaben bei selfhtml
• Guter Text zu doctypes bei mediaevent.de dann weiter zu Doctypes

Kurzeinführung (X)HTML/CSS

Unter mediaevent.de findet sich noch eine gut lesbare Schnelleinführung ins Thema Webdesign.
Vielleicht nicht als Referenz, aber als Einführungstext nicht so hyperlinkig und erschlagend wie selfhtml.

Embedded Sound mit Flash

Marc Reichelt stellt schon seit einigen Jahren den EMFF (Easy Musicplayer For Flash) zur Verfügung und entwickelt ihn auch weiter – eine einfache Lösung Sound einzubinden.

Referenzen und Lesestoff Webdesign

Die zwei Adressen sollte man im Kopf haben und den Inhalt der Seiten offline auf dem eigenen Rechner. (Sind in der Schule auch im Materialordner.)

• de.selfhtml.org – der Klassiker
• css4you.de – übersichtliche Tabellen zu allen CSS-Eigenschaften

Sonst noch:

• als Einstieg schick & kurz mediaevent.de
• mein aktueller Favorit als google-book: Bulletproof Webdesign
• wer sich um browserfestes Design schert, für den ist auch quirksmode.org eine Reise wert.
• Eher zum Stöbern drweb.de (vielleicht zahlt der Chef ja sogar das Abo für den vollen Zugang :-)