Diese Sammlung ist aus einem eigenen Bedürfnis entstanden: Um beim Bauen einer Seite zu wissen, mit welcher Breite ein Gerät wirklich rechnet oder wie lange eine Überblendung dauern soll, mussten bisher jedes Mal Testdateien hin und her kopiert werden. Jetzt stehen sie fest an einer Adresse – für mich und für jeden anderen, der sie brauchen kann.
Was diese Seite ist: ein Werkzeugkasten zum Messen. Alle Werte entstehen auf dem Gerät, an dem du gerade sitzt. Jede Seite nennt am Ende, worauf ihre Aussagen beruhen.
Was diese Seite nicht ist: keine Kundenseite, kein Portfolio, keine Anmeldung, keine Werbung, keine Cookies. Es wird nichts erhoben, nichts gespeichert und nichts an Dritte gesendet. Es werden auch keine Schriften, Bibliotheken oder Zähler von fremden Servern nachgeladen – alle Dateien liegen hier.
Zeigt, mit welcher Breite CSS auf diesem Gerät tatsächlich rechnet – und wie weit diese Zahl von der beworbenen Bildschirmauflösung abweicht. Unterscheidet zwischen der Fensterinnenbreite und der Breite, die dem Inhalt nach Abzug der Scrollleiste wirklich bleibt. Meldet ausserdem, ob die Seite einen waagrechten Scrollbalken erzeugt. Benötigt JavaScript, weil die Werte erst im Browser entstehen; ohne JavaScript sagt die Seite das deutlich.
Dreissig Dauern von 100 bis 3000 Millisekunden, jede als laufende Probe zum Vergleichen. Die Beschleunigungskurve für das Auf- und das Abblenden lässt sich getrennt umschalten. Dient dazu, eine Dauer nicht zu schätzen, sondern auszuwählen. Funktioniert vollständig ohne JavaScript.
Fünf Kurven-Kombinationen bei fest eingestellten 200 Millisekunden pro Richtung, mit Haltephase und Pause dazwischen. Erst durch diese Pausen lässt sich auseinanderhalten, welche Kurve zum Erscheinen und welche zum Verschwinden gehört. Funktioniert vollständig ohne JavaScript.
Derselbe Inhalt in drei Gerätebreiten, einmal mit fest eingetragener Breite und einmal fliessend mit festgelegtem Seitenabstand. Macht sichtbar, wie viel Fläche ein fest gebautes Layout auf breiteren Geräten verschenkt. Braucht mindestens 480 Pixel Fensterbreite, die Rahmenreihe ist auf schmalen Geräten seitlich schiebbar.