Bulletproof Webdesign
Auf was sollten Sie achten, wenn Sie eine neue Website erstellen? Was sind die Kriterien gut programmierter Websiten? Dan Cederholm gibt darauf Antworten in seinem Buch “Bulletproof Webdesign”.
Über den Inhalt
Gut programmierte Websites unterscheiden sich von schlecht gemachten vor allem durch ihre Flexibilität. Flexibilität im Design, aber auch in der Bearbeitung und Content-Pflege. Laut Autor Dan Cederholm sind es acht Kriterien, die bei der Website Gestaltung zu beachten sind.
1. Flexibler Text: Die dargestellte Schriftgröße einer Website hängt von der Browsereinstellung der einzelnen User ab. In diesem Kapitel wird erklärt, wie die korrekte Darstellung durch relative Textgrößen sicher gestellt wird.
2. Skalierbare Navigation: Sie wollen statt “Produkte” auf einmal “Produkte & Lösungen” verwenden? Hier wird beschrieben, wie Sie es in solchen Fällen vermeiden, die Navigation komplett neu programmieren zu müssen.
3. Dehnbare Reihen: Während die Länge einer Site schon längst flexibel eingestellt ist, werden horizontale Seitenelemente noch oft mit einer fixen Breite eingestellt. Bei Änderungen führt das zu einem beträchtlichen Programmieraufwand. Der Autor stellt eine Alternative vor.
4. Kreatives Floaten: Statt verschachtelter Tabellen verwenden moderne Websites sogenannte Floats (also schwebende Elemente) um eine gitterähnliche Struktur darzustellen. Der Autor gibt praktische Tipps, wie Floats korrekt eingesetzt werden.
5. Unzerstörbare Boxen: Hier geht es darum, Content-Boxen so zu programmieren, dass sie sich der Inhaltsmenge anpassen. Außerdem wird erklärt, wie runde Ecken eingebaut werden.
6. Darstellung ohne CSS: Modern programmierte Websites trennen Layout von Content. Das gelingt mittels Cascading Style Sheets (sogenannte CSS), in der die Layoutregeln programmiert sind. Websites, die CSS einsetzen sollten aber auch dort korrekt dargestellt werden, wo CSS nicht unterstützt wird.
7. Anpassungsfähige Tabellen: Seiten werden schneller und zudem barrierefrei, wenn die Formatierung von Datentabellen in die CSS ausgelagert wird.
8. Variable Layouts: Die gesamte Site sollte ein flexibles Layout haben um in verschiedenen Bildschirm- oder Fenstergrößen korrekt angezeigt zu werden.
Aber auch Internetverantwortliche, die keine detaillierten Programmierkenntnisse besitzen, profitieren von diesem Buch. Sie erhalten nützliche Kriterien, nach denen Sie Website-Konzepte auf ihre Usability überprüfen können.
Das Buch ist sehr praxisorientiert geschrieben und gut aufgebaut. Jedes Kapitel erklärt die übliche Vorgehensweise und zeigt dann, wie man es besser macht. Allerdings sollte man sich mit HTML und CSS auskennen, wenn man die Beispiele umsetzen möchte.
