@derSchepp

🗣️ Schepp | Front-End | Co-Host @workingdraft | Co-Organizer @FronteersConf @wwnrw @css__cafe | @fronteers board | @schepp@mastodon.social | 📸 @stn1978

 Düsseldorf, Germany
schepp.dev
Joined May 2009
  • Tweets38.9K
  • Following4.3K
  • Followers3.6K
2.4KMedia
CSS as a state machine? NO WAY! Well, actually... 🎤 CSS State Machine — Brecht De Ruyte From :has() to container queries and scroll-driven animations — CSS can now manage and react to state in ways that used to require JS. April 29th in Düsseldorf 👇 meetup.com/engineering-kiosk…
Poster for the Engineering Kiosk Rhine-Ruhr Meetup on Wednesday, April 29th, 2026. It features three speaker portraits: Brecht De Ruyte at the top, and Alaa Reuschenbach and Lucas Dohmen below. The talks are titled “CSS State Machine” and “Performance over Perfection.” The event is sponsored by SIA Consulting, whose logo appears at the bottom right.

ALT Poster for the Engineering Kiosk Rhine-Ruhr Meetup on Wednesday, April 29th, 2026. It features three speaker portraits: Brecht De Ruyte at the top, and Alaa Reuschenbach and Lucas Dohmen below. The talks are titled “CSS State Machine” and “Performance over Perfection.” The event is sponsored by SIA Consulting, whose logo appears at the bottom right.

3
3
282
That was indeed great fun! An hour well spent 🤗
Justin Halsall@Juice10Mar 25
Curious about all the fun things and real(or totally convincing fake) news for devs this week? @WeAreDevs just had me on for their live show: youtube.com/live/EjHMWLgPZfE…

WeAreDevelopers LIVE - CSS is DOOMed

This week’s guest is Justin Halsall and Christian Schaefer! Join us...

youtube.com
2
121
Christian Schaefer retweeted
Adam Argyle
@argyleink25 Aug 2025
#CSS ✅ contrast-color() ✅ control-value() ✅ sibling-index() ✅ scroll-state() ✅ mixins/functions ✅ @starting-style We chat these and much more over on the @workingdraft show ⤷ nerdy.dev/working-draft-show…

Working Draft Show Revision 672 · July 28, 2025

Ep #672 The Working Draft With Schepp , Vanessa and me Join us for a tour of of what’s new and what’s next in CSS. Listen · Watch · Subscribe

nerdy.dev
1
10
1
67
4,124
Replying to @DieRheinbahn
@DieRheinbahn in der U71, die gerade am Kirchplatz Richtung Hellriegel Straße fährt hat jemand in den hinteren Waggon gekotzt und es riecht ziemlich schlimm.
1
1
203
Jetzt sind wir in Bilk-S eingetroffen. Bin in den anderen Waggon gewechselt. Auf dem betroffenen Waggon steht die Nummer 3324.
175
Christian Schaefer retweeted
Alan Dalton@RealAlanDalton28 Dec 2024
🗓️ bonus article in Manuel Matuzović’s #HTMHellAdventCalendar 2024: “Boost website speed with prefetching and the Speculation Rules API” by @derSchepp. htmhell.dev/adventcalendar/2…
1
1
1
263
Christian Schaefer retweeted
JoernPL@JoernPL2 Dec 2024
ok, ernstgemeinte Frage: Wer kann mir das erklären?! 🧐
196
343
46
2,522
200,605
Es ist immer das gleiche. Die @CDU hat nie im Blick, was ihre eigene Politik für Folgen hat. Sie wollten unbedingt diesen Termin und jetzt finden sie ihn doof. Einfach nur kindisch 🤦 domradio.de/artikel/cdu-gene…

CDU-Generalsekretär will keinen Wahlkampf auf Weihnachtsmärkten

Mit den vorgezogenen Neuwahlen verschiebt sich auch die heiße Wahlkampf-Zeit. Über Weihnachten solle dieser jedoch ruhen, sagt CDU-Generalsekretär Linnemann. Er stellt auch konkrete Vorhaben seiner...

domradio.de
15
43
1
240
5,138
My brother & I will be visiting Iceland for a week in January & we plan on watching the aurora borealis, whales ofc, visit the blue ice cave & go snorkling 🥶 One idea was to do a trip around the island by car. Is that even possible? Or is it too dark / the streets too blocked?
307
– at Düsseldorf, Germany
Screenshot eines Artikels von Spiegel Online mit der Überschrift: 'Streit zwischen CSU und FDP - "Wildsau und Gurkentruppe"'. Im Artikel wird beschrieben, dass der Konflikt zwischen CSU und FDP schärfer wird. Der Streit um höhere Gesundheitsbeiträge hat einen Schlagabtausch ausgelöst, bei dem sich die Parteien gegenseitig als 'Gurkentruppe' und 'Wildsau' beleidigen, was das Klima in der Koalition vergiftet. Der Artikel stammt vom 7. Juni 2010, 11:19 Uhr.

ALT Screenshot eines Artikels von Spiegel Online mit der Überschrift: 'Streit zwischen CSU und FDP - "Wildsau und Gurkentruppe"'. Im Artikel wird beschrieben, dass der Konflikt zwischen CSU und FDP schärfer wird. Der Streit um höhere Gesundheitsbeiträge hat einen Schlagabtausch ausgelöst, bei dem sich die Parteien gegenseitig als 'Gurkentruppe' und 'Wildsau' beleidigen, was das Klima in der Koalition vergiftet. Der Artikel stammt vom 7. Juni 2010, 11:19 Uhr.

Miriam Vollmer@miriam_vollmer4 Nov 2024
Bin überzeugt, dass es auch der Union nicht gelingen würde, erfolgreich mit der FDP zu regieren, weil der FDP das Gefühl dafür fehlt, dass eine Regierungspartei Verantwortung für die Regierten trägt und nicht nur für sich.
260
based
785
12,197
518
253,052
14,722,042
Christian Schaefer retweeted
Jake Archibald@jaffathecake18 Oct 2024
I'm excited that we're finally getting a customisable <select> on the web. However, there's one detail of it I'm really not sure about, and I'd like to hear your thoughts. Have your say before it's too late 😀 jakearchibald.com/2024/how-s…

How should <​selectedoption​> work?

It's part of the new customisable `<​select​>`, but there are some tricky details.

jakearchibald.com
22
24
209
21,522
Replying to @jaffathecake
@jaffathecake @DasSurma what kind of prank are these shownotes? 😃 – at Düsseldorf, Germany
2
1
702
Spacial navigation has been implemented in Opera Presto: blog.codinghorror.com/spatia… wicg.github.io/spatial-navig… Losing it was one of the step backs of their switching to Chromium.

Spatial Navigation and Opera

In Where the Heck is My Focus, I wondered why web developers don’t pay attention to basic keyboard accessibility issues. I don’t want to navigate the entire web with my keyboard. That’s unrealistic....

blog.codinghorror.com
122
Christian Schaefer retweeted
Kilian Valkhof@kilianvalkhof30 Sep 2024
I knew elements with IDs became global variables, but any child elements with a name attribute become properties on that global variable! Pretty neat when working with forms like in the example. Thanks @flaviocopes, via @stefanjudis flaviocopes.com/an-html-elem…
// html <form id="x"> <input name="em"> </form> // js x.em.onclick = ...

ALT // html <form id="x"> <input name="em"> </form> // js x.em.onclick = ...

5
15
4
109
10,078
Christian Schaefer retweeted
Fabrizio Calderan@fcalderan19 Sep 2024
Diving into #CSS-only solution (based on a great article by @bramus) for a dynamic header that hides on scroll down and reveals on scroll up. It needs some testing but it seems to work on latest Chrome, where style queries are supported. Codepen here 👇🏻codepen.io/fcalderan/pen/LYK…

Hide on Scroll Down, Show on Scroll Up Header

...

codepen.io
1
4
1
29
3,193
Christian Schaefer retweeted
Addy Osmani
@addyosmani18 Sep 2024
Tip: In @ChromeDevTools you can hide network requests from Chrome extensions! Great for focusing on just your code when performance profiling.
Tip: In Chrome DevTools you can hide network requests from Chrome extensions! Great for focusing on just your code when performance profiling. Before, requests from any Chrome extensions you had installed could show up in panels like Network, making it harder to focus on the root cause of problems. The new "Hide extension URLs" checkbox helps out over here.

ALT Tip: In Chrome DevTools you can hide network requests from Chrome extensions! Great for focusing on just your code when performance profiling. Before, requests from any Chrome extensions you had installed could show up in panels like Network, making it harder to focus on the root cause of problems. The new "Hide extension URLs" checkbox helps out over here.

9
54
8
405
30,879
Christian Schaefer retweeted
WebKit@webkit17 Sep 2024
🚀 Exciting news, developers, the call for proposals for Interop 2025 is officially open! 🌐 Share your ideas to improve web interoperability. Submit your proposals by October 3, 2024. Check out the details here: webkit.org/blog/15942/get-re… #Interop2025 #WebKit

Get Ready for Interop 2025: Your Chance to Shape the Web

Hey web developers!

webkit.org
3
22
1
96
7,242
Christian Schaefer retweeted
Rinat@ri_not_ri18 Sep 2024
“NATO provoked Russia to invade Ukraine” Although Russia's invasion of Ukraine began in 2014, the first attempts were made in 2003. This is a thread about a brazen attempt by Russians to seize the island of Tuzla despite good neighbourly relations with Ukraine at the time ⬇️
113
1,822
122
9,711
766,555
Christian Schaefer retweeted
WebKit@webkit17 Sep 2024
Safari 18.0 is here!! Lots of new web technology, including CSS View Transitions, Style Queries, immersive WebXR, plus updates for Web Apps, JavaScript, Web API, Media, Web Inspector, Passkeys and more — 53 features, 25 deprecations & 209 resolved issues. webkit.org/blog/15865/webkit…

WebKit Features in Safari 18.0

Safari 18.0 is here.

webkit.org
26
67
17
526
371,479
Christian Schaefer retweeted
Brian Roemmele
@BrianRoemmele18 Sep 2024
Purple is purely a mental construct of the human brain. We invented the color because of a lack of a sensor signal.
555
2,214
620
16,947
1,968,132
Load more