Zum Inhalt springen


The Layers Of The Web

Jeremy Keith's talk at Beyond Tellerrand Berlin 2019 about the "layers of the web" (be sure to watch this!) inspired me to a quick css animation experiment on codepen:

See the Pen
Web Layers Of Pace
by Tom (@webrocker)
on CodePen.

Be sure to look at it in the full screen mode, the thing currently doesn't play very well in small spaces.

What I really like about this experiment (and the web, if done right, in general): By looking at it content-first, and chosing the semantic markup, there's still meaning conveyed, even if the whole CSS part is disabled. That, to me, is good (web) design, and fits the content of the idea that is being illustrated on a meta level, too. :)

I love to do (moaaar of) this whimsy stuff.

Update 16.11.2019: I now included some quotes of Jeremy to make this more useful when viewed non-visually.

Update 19.11.2019: Whee! The animation was featured in the "Picks" section of CodePen while I was sleeping :-))


A wild night out with broken LED bulb Karaoke Bird


(original photo by @maddesigns / Sven Wolfermann)

The Special AKA - Racist Friend

If you have a racist friend Now is the Time Now is the Time Now is the time for your friendship to end

WordPress 5.2.4 Security Update

WordPress Logo an die VW-Fabrik gephotoshopped

Srcmaps fressen kein Brot

Meinte doch gerade der geschätzte Herr @xwolf auf Twitter: Aber gerne doch. :-)

Caption this…

Lightbulb with stereo plug 6.3mm inside

Escaping The Social Media Trap - Kiki Thaerigen

Social Media wants your constant attention. Social Media wants your time. Social Media is stealing your time, time you could better be using for your creative work and/or well-being. But Social Media also today is the way to advertise and display said work, and possibly get feedback, recognition even. And once you have kind of...

(Digital) Climate Strike - September 20th, 2019

Global Climate Strike 20-27 Sept

My site here will join the digital climate strike on this friday. For this I made a small WordPress plugin that will display a placeholder page with infos on the ClimateStrike actions for all requests but for a list of urls that can be configured (for privacy policy and legal info pages) and the admin...