Christian "Schepp" Schaefer 's Avatar

Christian "Schepp" Schaefer

@schepp.dev

Nick: Schepp | Into Front-End & WebPerf | Co-Host https://workingdraft.de | Co-Organizer https://fronteersconf.org, https://www.meetup.com/webworker-nrw & https://css.cafe | Co-Author https://wir-zaehlen.com

2,139
Followers
1,813
Following
644
Posts
12.10.2023
Joined
Posts Following

Latest posts by Christian "Schepp" Schaefer @schepp.dev

Video thumbnail

You can now visualize how a color palette distributes across OKHsv, OKHsl, OKLCh and CIELab, and compare 6 distance metrics side by side. Zero dependencies, raw WebGL2.

Took me 3 years to make something I wasn't too embarrassed to share πŸ™ƒ

meodai.github.io/color-palett...

04.03.2026 21:40 πŸ‘ 989 πŸ” 133 πŸ’¬ 27 πŸ“Œ 3

Interesting! Because this used to be an idea from the Edge folks and I don't think they have shipped it yet.

03.03.2026 20:19 πŸ‘ 2 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
document.ariaNotify(
  `Item ${item.name} added to cart!`,
  {    
    priority: "high",  
  },
);

document.ariaNotify( `Item ${item.name} added to cart!`, { priority: "high", }, );

Firefox will start supporting `ariaNotify` in release 150. πŸŽ‰

`ariaNotify` allows you to provide text that should be announced by a screen reader if available and activated. No more fiddling with live regions. No more fiddling with live regions! πŸ’ͺ

Ticket: bugzilla.mozilla.org/show_bug.cgi...

03.03.2026 09:31 πŸ‘ 78 πŸ” 12 πŸ’¬ 3 πŸ“Œ 0

😲🀯πŸ₯³

03.03.2026 16:35 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

πŸ₯³ Sehr cool!

Ich ziehe als erstes mal meinen Co-Host @sirpepe.bsky.social hinzu. Und dann mΓΌssten wir zusammen einen Aufnahmetermin ausknobeln. Wir hΓ€tten im Grunde (fast) immer Zeit, aber ich wΓΌrde jetzt mal konkret den 25. MΓ€rz 10:30 CET / 9:30 Uhr Deiner Zeit in den Raum werfen.

01.03.2026 10:30 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Working Draft WΓΆchentlicher Podcast fΓΌr Frontend Devs, Design Engineers und Web-Entwickler:innen

ZufÀlligerweise bin ich Teil eines deutschsprachigen Podcasts zu Front-end Themen, dem workingdraft.de. Temporal haben wir dort, außer als Randnotiz, noch nicht wirklich thematisiert. Meinst Du, wir kânnten dazu mal eine Folge mit Dir (remote) aufnehmen?

Viele Grüße β˜€οΈ

01.03.2026 08:45 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

@pipobscure.com lieber Philipp, ich schaue mir gerade den Vortrag Deines Kollegen Jason bei der gestrigen State of the Browser an und sah Deinen Namen auf seinen Slides zu Temporal. Der kam mir sehr deutschsprachig vor.

01.03.2026 08:45 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Preview
Working Draft WΓΆchentlicher Podcast fΓΌr Frontend Devs, Design Engineers und Web-Entwickler:innen

Wondered why our latest episode didn’t show up on workingdraft.de this morning. Turns out an AI bot broke our build: the log-parsing choked on its UA string:

Mozilla/5.0 (compatible; Thinkbot/0.5.8; +In_the_test_phase,_if_the_Thinkbot_brings_you_trouble,_please_block_its_IP_address._Thank_you.)

24.02.2026 08:06 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Video thumbnail

i built an entire x86 CPU emulator in CSS (no javascript)

you can write programs in C, compile them to x86 machine code with GCC, and run them inside CSS

lyra.horse/x86css/

24.02.2026 02:23 πŸ‘ 2603 πŸ” 869 πŸ’¬ 129 πŸ“Œ 158

πŸ˜„βœ¨

21.02.2026 17:52 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

πŸ™πŸΌβ˜ΊοΈπŸ₯³

20.02.2026 21:51 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Yikes! The classic Mac user w/o mouse trap πŸ™ˆ

Will check and update the CSS. Thank you for pointing it out πŸ™πŸΌβœ¨πŸ˜Š

20.02.2026 21:19 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Turning a CSS Carousel into a Theme Switcher What happens when scroll becomes state? An exploration of a JS-free theme switcher powered by modern CSS primitives.

Modern CSS is no longer just about presentation. It increasingly allows us to explore interaction, state, and progressive enhancement in places that used to be JavaScript territory.

More on that in my blogpost: schepp.dev/posts/turnin...

(and with that post I've fulfilled my duty for 2026 πŸ˜…)

20.02.2026 19:47 πŸ‘ 14 πŸ” 4 πŸ’¬ 4 πŸ“Œ 0

Save the date! 🀩

The next @performanceobserver.dev will be on February 26
at 6:30 PM CET (12:30 PM ET / 9:30 AM PT)

All the details and "add to calendar" links in performanceobserver.dev

19.02.2026 21:31 πŸ‘ 2 πŸ” 3 πŸ’¬ 0 πŸ“Œ 1
Preview
Notes on relying on the ARIA Authoring Practices Guide Many people treat the ARIA Authoring Practices Guide (APG) as source of truth about building accessible websites and implementing accessible components and widgets. Eric highlights why the guide isn't...

yeah the whole ARIA thing has always confused me

"this is how to build accessibly" ... "but omg don't use it!"

frustration is thrown at well meaning developers who try, but the web platform equally fumbles, it shouldn't be this difficult

www.stefanjudis.com/notes/notes-...

19.02.2026 07:43 πŸ‘ 23 πŸ” 6 πŸ’¬ 1 πŸ“Œ 2
Preview
a woman is sitting at a table with her hands folded in front of her . ALT: a woman is sitting at a table with her hands folded in front of her .

πŸ˜‚πŸ˜‚πŸ˜‚

19.02.2026 14:19 πŸ‘ 5 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

@golemde.bsky.social ich hab Eurem Kunden-Support vor 8 Tagen eine Anfrage geschickt und habe seitdem, außer der EmpfangsbestÀtigung des Ticketsystems, nichts gehârt.

19.02.2026 14:16 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Ich muss weinen 😭

18.02.2026 20:05 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Your ability to deeply understand a problem, explore new approaches & iterate all gets kneecapped when you outsource the first draft to AI. Even if you're reviewing/refining the AI output, it doesn't matter; you're not well-equipped to do so because you haven't spent time thinking about the problem.

17.02.2026 21:46 πŸ‘ 62 πŸ” 8 πŸ’¬ 6 πŸ“Œ 12

Nice! πŸ‘πŸΌ

17.02.2026 12:58 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Congratulations! That's quite an accomplishment πŸ₯³πŸ’ͺ🏼

15.02.2026 20:26 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Promotional banner for β€œFronteers Dark Mode” with the headline β€œFriday night. Frontend. Fronteers Dark Mode!” in bold black text on a bright yellow speech-bubble shape. Below it, the text invites people to join on Friday, October 2nd 2026, at Cinema De Witt in Dordrecht for an intimate evening of frontend talks and community vibes from 3PM to after midnight. The background shows a lively evening courtyard scene outside a cinema, with people sitting at tables, chatting under warm string lights, and a modern glass entrance glowing in the night. Colorful decorative shapes frame the top corners of the image.

Promotional banner for β€œFronteers Dark Mode” with the headline β€œFriday night. Frontend. Fronteers Dark Mode!” in bold black text on a bright yellow speech-bubble shape. Below it, the text invites people to join on Friday, October 2nd 2026, at Cinema De Witt in Dordrecht for an intimate evening of frontend talks and community vibes from 3PM to after midnight. The background shows a lively evening courtyard scene outside a cinema, with people sitting at tables, chatting under warm string lights, and a modern glass entrance glowing in the night. Colorful decorative shapes frame the top corners of the image.

+++ Tickets are now on sale for Fronteers Dark Mode 2026! πŸ₯³ +++

πŸ“ Oct 2 Β· Cinema de Witt, Dordrecht
πŸ•’ 3PM – ~midnight
🎀 5 talks
🍽️ 2-course dinner included

Relaxed after-work vibes, long breaks & great conversations.

🎟️ €99
πŸ‘‰ fronteersconf.org

(Fronteers members: €49)

15.02.2026 07:07 πŸ‘ 8 πŸ” 10 πŸ’¬ 1 πŸ“Œ 0
Preview
a man in a red shirt is standing next to a body of water with boats in the background . ALT: a man in a red shirt is standing next to a body of water with boats in the background .
12.02.2026 15:00 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Post image Post image

Thought y’all would enjoy.

Yesterday over on x:

They removed dim mode because the overhead of CSS variables was too much

AI will skip coding and write binaries directly by end of year

12.02.2026 13:22 πŸ‘ 381 πŸ” 31 πŸ’¬ 34 πŸ“Œ 19
A mock-up of my Web Day Out lanyard – use JOIN_RICH for 10% off.

A mock-up of my Web Day Out lanyard – use JOIN_RICH for 10% off.

What’s new in web typography?

This is a question I’ll be answering at this year’s webdayout.com

I'll cover the paved cowpaths and the shiny things that bring expressiveness, fine detail, responsiveness, consistency and efficiency to your work.

Use JOIN_RICH to get 10% off.

#typography #css

10.02.2026 09:35 πŸ‘ 12 πŸ” 7 πŸ’¬ 0 πŸ“Œ 0

Friends, I did it. I'm posting this from #Eurosky. πŸš€πŸ‡ͺπŸ‡Ίβ™₯️

I have not joined a beta test since *1997* - but for the sake of you all, and for a future of open social media that is Big Tech-free and fully European, I had a go. It's working fine. Watch this space!!

04.02.2026 12:48 πŸ‘ 81 πŸ” 24 πŸ’¬ 1 πŸ“Œ 5

My contract is ending at the end of February and so I’d like to find a new role ASAP.

I am a senior-level design systems developer / design technologist / front-of-the-frontend developer that specializes in web accessibility.

I work remotely from my home in Winnipeg, Canada. πŸ‡¨πŸ‡¦

Shares appreciated!

03.02.2026 18:09 πŸ‘ 53 πŸ” 42 πŸ’¬ 1 πŸ“Œ 0
Preview
The Index Join thousands of subscribers and discover our twice weekly newsletter, featuring high quality, curated design, dev and tech links.

The Index is 11 away from 4k subscribers. I'm not much of a metrics enjoyer, but it would be nice to hit that milestone for sure.

piccalil.li/the-index/

02.02.2026 09:59 πŸ‘ 27 πŸ” 12 πŸ’¬ 4 πŸ“Œ 1

Naja, was erwartest Du? Sie haben schließlich nicht "am allergrâßten" geschrieben. WÀre jetzt aber auch meine allereinzigste Anmerkung dazu.

02.02.2026 13:30 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Try text scaling support in Chrome Canary - Josh Tumath

Excitingly, Chrome Canary recently added support for <meta name="text-scaling"> behind a flag.

What is it? It's something that we're all going to start using on our websites to improve accessibility. Here's a blog post with more info. www.joshtumath.uk/posts/2026-0...

27.01.2026 11:12 πŸ‘ 51 πŸ” 18 πŸ’¬ 3 πŸ“Œ 1