TIL was die Stunde geschlagen hat, Teil 2

A presentation at Tech Talk @ Tagesspiegel by Gunnar Bittersmann

TIL was die Stunde von CSS geschlagen hat Taschenuhr Foto: Andrik Langfield auf Unsplash

TIL was die Stunde geschlagen hat, Teil 2

Ankerdenkmal auf dem Kongressplatz (Kongresni trg) in Ljubljana Foto: Vito Drolec auf Unsplash

Codepen

Codepen

Codepen

Uhrwerk, Glocke und Dachstuhl der Dorfkirche Klandorf (bei Groß Schönebeck/Schorfheide) Fotos: Gunnar Bittersmann

TIL was die Stunde geschlagen hat, Teil 2 Glocke der Dorfkirche Klandorf (bei Groß Schönebeck/Schorfheide) Foto: Gunnar Bittersmann

Gunnar Bittersmann
@gunnarbittersmann

1 / 9

Erweiterungen der Uhr aus Teil 1:

animierte Umstellung auf Sommerzeit/Normalzeit
Ticken: das HTML-Element audio
Uhrschlag

Code

The following code examples from the presentation can be tried out live.

https://codepen.io/gunnarbittersmann/pen/VwoeEpJ

⏱️ CSS clock, vintage, Roman numerals, single time custom property
https://codepen.io/gunnarbittersmann/pen/zYgrLPx

⏱️ CSS clock, vintage, Roman numerals, single time custom property, ticky tock
https://codepen.io/gunnarbittersmann/pen/wvOvyyg

⏱️ CSS clock, vintage, Roman numerals, striking the hours

Resources

The following resources were mentioned during the presentation or are useful additional information.

TIL was die Stunde von CSS geschlagen hat

A presentation at Tech Talk @ Tagesspiegel by Gunnar Bittersmann
Where no one has gone before: The cuckoo-clock incident

A presentation at Smashing Conference Freiburg 2024 Jam Session in September 2024
🎶 Ticky Tock (deutsche Version) – Wenzel singt Woody Guthrie
🎶 Ticky Tock (English version) – Wenzel sings Woody Guthrie
🎶 Like An Angel Passing Through My Room – ABBA
🎶 Hells Bells – AC/DC
Kongressplatz (Ljubljana)