@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
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
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,519
200,607
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
based
785
12,195
518
252,882
14,722,076
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
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,880
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,244
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,821
122
9,704
766,573
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,489
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,212
620
16,944
1,968,181
Christian Schaefer retweeted
Bramus@bramus9 Sep 2024
I scratched my own itch (again) and built a @caniuse CLI tool. It differs from other attempts at this by also integrating @MozDevNet’s browser-compat-data + collapsing releases in the table (just like the website does). ⌨️npm i -g @bramus/caniuse-cli 🔗 github.com/bramus/caniuse-cl…
Output for `caniuse viewport-units`

ALT Output for `caniuse viewport-units`

Output for `caniuse @property`

ALT Output for `caniuse @property`

6
26
4
162
11,164
Christian Schaefer retweeted
Brian Roemmele
@BrianRoemmele7 Sep 2024
In 1968, Sidney Poitier was at a press conference at the height of his career. He made it very clear how he felt about the press. Funny that I had to find this on a discarded film reel with 1000s of books, Microfiche and films. Now you can see it.
1,917
26,299
2,369
75,053
3,461,286
Christian Schaefer retweeted
Massimo
@Rainmaker197331 Aug 2024
Color theory [📹 Peter Donahue / art.pete.repeat] xitter.cf/i/status/1773712088214…
69
2,085
104
10,806
549,653
Christian Schaefer retweeted
Scott O'Bother@scottohara29 Aug 2024
paragraphs. i wrote about freakin paragraphs. scottohara.me/blog/2024/08/2…
1
13
6
56
10,542
Christian Schaefer retweeted
Fronteers@fronteers30 Aug 2024
Ontdek de onbekende kracht van JavaScript! Tips & tricks om jouw webapplicaties veelzijdiger, sneller en robuuster te maken. Schrijf je in voor onze workshop! #JavaScript #Frontend #WebDev buff.ly/3T8ESsU € 200 voor Fronteers leden € 275 voor niet-leden
Peter Kassenaar presenteert een workshop genaamd "JavaScript tips & tricks" op vrijdag 27 september 2024 in Utrecht.

ALT Peter Kassenaar presenteert een workshop genaamd "JavaScript tips & tricks" op vrijdag 27 september 2024 in Utrecht.

2
1
266
Christian Schaefer retweeted
Bilawal Sidhu
@bilawalsidhu28 Aug 2024
Simply put, Jensen was right. Disruptive tech often starts as a toy — like Google running DOOM at 20 fps on a single TPU. But how soon until neural rendering takes over? When I asked Jensen this question at GTC, his answer seemed a bit optimistic. Now it feels just right:
11
13
4
118
37,991
Load more