Das Labor für außergewöhnliche Websites

Tacho, Akku, Thermometer, Kompass und Uhr – gezeichnet mit SVG und bewegt mit echter Federphysik. Zieh an den Zeigern, und die Zahlen schlagen aus.

Sechzehn Begriffe aus dem Webdesign, jeder mit einer kleinen Demo: Kontrast, Zeilenlänge, Eckenradius, Easing und mehr. Schieben, tippen, vergleichen.

Fader, Drehregler, Pegelanzeigen, Spektrum und Pads – und der Ton entsteht in diesem Moment im Browser, ohne eine einzige Audiodatei.

Sieben kleine Bewegungen, die eine Website wertig machen: Text, der ankommt, ein Stapel zum Wegwischen, ein Fächer, ein Posteingang, der Platz macht, und mehr.

Eine Website, die sich selbst als Handskizze zeichnet. Mit Stift, Formen und Pfeilen lässt sich weiterzeichnen – und ein Regler zeigt, was aus der Skizze wird.

Ein paar Zeilen Text, und daraus wird ein Ablaufdiagramm. Ein paar Zahlen, und daraus werden Diagramme – als Grafik für die Website und als Text für jede E-Mail.

Messwerkzeuge wie im Designprogramm, direkt auf der Website: Maße, Abstände, Spaltenraster, Lineale und Schrift – so prüfen wir jede Seite bis auf den Pixel.

Eine Reise von der Sonne bis Neptun: echte Planetenoberflächen, Atmosphären, die das Licht streuen, und eine Kamera, die beim Scrollen von Welt zu Welt fliegt.

Schwebende Ebenen mit echter Tiefe, die der Maus folgen – und beim Scrollen fliegt man durch die Inhalte hindurch. Ganz ohne 3D-Bibliothek.

Ein Wort so breit wie der Bildschirm, dessen Buchstaben sich mit der Maus strecken und stauchen. Dazu ein Manifest, das beim Scrollen Wort für Wort aufleuchtet.

Ein Farbfeld, das wie flüssiges Licht fließt und sich zur Maus hin wölbt. Darunter gleiten Arbeiten seitwärts vorbei und neigen sich mit dem Tempo des Scrollens.