Das ist eine Webseite

HTML reicht völlig, was will man mehr?

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

• Diese Seite wird schnell geladen
• Sie passt auf alle Bildschirme
• Sie sieht in jedem Browser gleich aus
• Sie ist barrierefrei (accessible - auch für Blinde, Sehbehinderte, Menschen die einen Screenreader verwenden oder andere Computer interpretierbar)
• Sie ist lesbar und fokussiert auf den Inhalt den du rüberbringen willst

Wieso dann all die Probleme?

Du über-designst. Schau, es ist eine Website. Wieso braucht die ein animiertes Banner das rumfliegt wenn man mit der Maus über etwas drüberfährt? Du arbeitest so lange dafür und dann lädt die Website langsam und irgendjemand sitzt an seinem iPad und sieht das alles gar nie, weil es zu langsam ist. Und nicht vergessen: Blinde sehen es auch nie.

Das ist eine perfekte Website. Hier kommt warum.

Sie ist unglaublich klein in Dateigrösse

Diese ganze Seite ist kleiner als das fancy Facebook-Logo das du auf deinem Blog eingebaut hast. Braucht man all die Javascript-Bibliotheken die du reinlädst, wirklich? Nur um eine Farbe zu animieren? Und all die Fonts die du lädst, aber nicht anwendest, ausser für ein "Hallo" am Seitenanfang?

Diese Seite ist responsive

Nein, es braucht kein fancy CSS damit eine Website responsive wird. Sie ist es von Grund auf. Diese Seite interessiert sich nicht dafür, ob sie auf eine Mac oder auf einem Telefon angeschaut wird.

Sie funktioniert

Schau dir den Quellcode an. Du kannst ihn lesen. Er macht Sinn. Ist hierarchisch. Und semantisch.

Cross-browser compatibility? Lade diese Seite in irgendeinem noch so alten Browser. Versuchs doch.

Das ist eine Webseite. Schau sie dir an. Hast du schon mal eine gesehen?

Das ist eine echte, nackte Webseite. Mit Text der eine Botschaft transportiert.

Das ist Satire

Natürlich sagt niemand, dass Websites so aussehen sollen. Die Aussage hier ist: All die Probleme die wir mit Webseiten haben, haben wir selber gemacht. Webseiten sind von Natur aus funktional, performant und barrierefrei. Wir machen sie kaputt.

"Gutes Design ist sowenig Design wie möglich."
- Dieter Rams

Epilog

Idee von the motherfucking website