Christian "Schepp" Schaefer @schepp.dev

Not yet. But I chatted a lot about them with @tomayac.com. I definitely have them on my radar. Progressive enhancement is really key though, as they are only supported on desktop Chrome for now (and Edge, blogs.windows.com/msedgedev/20...).

30.07.2025 22:35 — 👍 0 🔁 0 💬 0 📌 0

I agree!

30.07.2025 22:26 — 👍 1 🔁 0 💬 1 📌 0

Built-in AI APIs | AI on Chrome | Chrome for Developers Built-in AI is the latest offering for bringing powerful models to users, while protecting sensitive data and improving latency.

Like these? developer.chrome.com/docs/ai/buil...

30.07.2025 22:19 — 👍 0 🔁 0 💬 1 📌 0

a painting of leonardo dicaprio with orange paint on his face by johnhackerla Alt: Animiertes GIF von Leonardo di Caprio, der auf einem Boot sitzt und mit dem Zeigefinger auf einen zeigt. Sein Gesicht drückt ein "Du Schlingel!" aus.

Als Unternehmer kannst du doch alles absetzen. Angefangen bei der Dose Ravioli, über das Katzenfutter, den Rasenmäher bis hin zur Wohnzimmercouch. Und wie wir alle wissen, zahlst du dann für all das nichts! ✨

28.07.2025 05:22 — 👍 3 🔁 0 💬 1 📌 0

a man with a beard is holding a gun and the words well played are on the screen ALT: a man with a beard is holding a gun and the words well played are on the screen

27.07.2025 18:48 — 👍 0 🔁 0 💬 0 📌 0

@aresluna.org fyi

23.07.2025 13:11 — 👍 1 🔁 0 💬 0 📌 0

Portretfoto van Peter Kassenaar met rechts zijn gezicht in beeld en links op een gele achtergrond de tekst: “Peter Kassenaar – JavaScript tips & tricks. Online halve dag workshop – Vrijdag 12 sep. 2025, 13 tot 17 uur.”

💡 JavaScript kent meer dan alleen loops en variabelen!

Op 12 september duikt Peter Kassenaar in de minder bekende, maar superkrachtige kanten van JS. Halve dag, hands-on, online. Doe je mee?

vanaf € 69,- 👉 ti.to/fronteers/ja...

#JavaScript #frontend

22.07.2025 09:00 — 👍 3 🔁 2 💬 0 📌 0

State of HTML 2025 Take the State of HTML survey

If you haven't already, do fill in the State of HTML survey, especially if you are a member of an underrepresented group so they get a diverse range of responses. Apparently browser vendors use this to inform what they do next 👀

survey.devographics.com/survey/state...

21.07.2025 07:36 — 👍 19 🔁 9 💬 0 📌 0

☀️🤗

19.07.2025 19:13 — 👍 1 🔁 0 💬 0 📌 0

Some quick experiments playing with the new caret-animation and caret-shape CSS properties that @igalia.com is developing in Chromium as part of our collaboration with Bloomberg blogs.igalia.com/mrego/playin...

11.07.2025 05:11 — 👍 35 🔁 12 💬 1 📌 1

Overview of the CSS code from the linked post

7 random images place around a circle

💡 CSS Tip!

Do you know that you can use offset() to place images around a circle? And if you combine it with the new sibling-*() functions, you can have a perfect placement that works for any number of elements!

css-tip.com/images-circle/

17.07.2025 14:14 — 👍 26 🔁 7 💬 0 📌 2

Comicfigur in rotem Superheldenkostüm namens Doodieman fliegt grinsend durch den Himmel und stößt dabei kleine braune Bröckchen aus dem Gesäß.

17.07.2025 18:44 — 👍 1 🔁 0 💬 0 📌 0

Hey! Presents · What do you see? In this talk, Lola explores what it means to deconstruct an image and radically centre screen-reader users, using alt-text as an art space. How can we create an experience for screen-reader users that is just as creative and considered as the sighted experience?

In May I got to give my most favourite talk What Do You See: Alt-Text as an Artistic Medium at @heypresents.com Hey! All Day

If you missed it live, it’s now up on the world wide web!
heypresents.com/talks/what-d...

15.07.2025 18:01 — 👍 33 🔁 18 💬 2 📌 3

So You Want to Write an Article? Ready to write a professional article? Make sure your submission is the best it can be! ALA editor Brandon Gregory gives some advice on common pitfalls the editorial team sees in article submission…

Most article submissions suck. Yours doesn’t have to be one of them.

Now accepting submissions for @alistapart.com.

alistapart.com/article/so-y...

14.07.2025 16:38 — 👍 36 🔁 12 💬 4 📌 0

Damit ist der jeweilige E-Mail-Client auf sich alleine gestellt, per Heuristik herauszufinden, um welche Sprache es sich handelt. Vermutlich überlässt Gmail das aber ganz und gar Google Translate und bittet es einfach, den Text, in welcher Sprache auch immer, in die Sprache des Users zu übersetzen.

14.07.2025 15:25 — 👍 0 🔁 0 💬 0 📌 0

Hey, ich war neugierig und habe Euren NL abonniert und es stellt sich heraus, dass Euer System tatsächlich nicht die Sprache im Quelltext der Mail benennt. So sieht es da aus:

<html xmlns="" target="_blank" rel="noopener noreferrer">http://www.w3.org/1999/xhtml">

So müsste es sein:

<html xmlns="" target="_blank" rel="noopener noreferrer">http://www.w3.org/1999/xhtml" lang="de">

14.07.2025 15:21 — 👍 0 🔁 0 💬 1 📌 0

Ja, aber dann fehlen uns deren Steuern und wir werden mega dumm aus der Wäsche gucken!

Oh, wait... 🤔

13.07.2025 11:43 — 👍 2 🔁 0 💬 0 📌 0

Glückwunsch! 🎉🎊✨😊

13.07.2025 10:47 — 👍 1 🔁 0 💬 1 📌 0

OK! Klingt plausibel. Umso erstaunlicher dann das Ganze...

12.07.2025 18:32 — 👍 1 🔁 0 💬 1 📌 0

Das hielte ich für sehr nachvollziehbar und dann läge die Schuld doch eher bei Euch - wenn auch ungewollt und unbewusst. Da ich nicht Newsletter-Abonnent bin, kann ich nicht nachsehen, aber wenn Ihr mögt, könnt Ihr mir ein betroffenes Exemplar zusenden und ich schau mir den Quellcode an.

12.07.2025 18:03 — 👍 1 🔁 0 💬 0 📌 0

Für mich, der ich seit 27 Jahren Web mache, klingt das aber so, als würden Eure Newsletter mit einem lang="en" im HTML-Quellcode an Eure Leser ausgesendet. Das zeichnet das Dokument als Englisches Dokument aus, auch wenn es eigentlich Deutsch ist, und triggert dann die automatische Übersetzung.

12.07.2025 18:03 — 👍 2 🔁 0 💬 2 📌 0

And I agree that it wouldn't hurt to have a overarching selector for input-like elements. But for @fstorr.bsky.social's use case, :read-write should do the trick.

12.07.2025 14:07 — 👍 1 🔁 0 💬 1 📌 0

Inputs matching :read-write ...

Here is a @codepen.io with all kinds of inputs and other elements, where :read-only elements have a blue outline and :read-write elements have a hotpink one: codepen.io/Schepp/pen/O...

12.07.2025 14:03 — 👍 1 🔁 0 💬 1 📌 0

:read-write - CSS | MDN The :read-write CSS pseudo-class represents an element (such as input or textarea) that is editable by the user.

Isn't that what :read-write is good for? developer.mozilla.org/en-US/docs/W...

12.07.2025 12:52 — 👍 4 🔁 0 💬 1 📌 0

A screenshot of Firefox Nightly, with the Codepen https://codepen.io/keithamus/pen/wBaZVaX open. The page showing 6 heading levels, showing the CSS, HTML and the rendered page. Each heading is styled differently using the provided CSS selectors, `:heading` (which styles all headers), `:heading(-2n+3)` (styles h1 and h3 elements), `:heading(5, 6)` (styles the h5 and h6 elements). Another Firefox Nightly window is open, showing the `layout.css.heading-selector.enabled` flag is set to `true`, making the rendered page styled using the new selectors.

Hot off the presses! Firefox Nightly (www.mozilla.org/en-GB/firefo...) adds the new :heading pseudo! Easily style all headings, or use nth-child-like AnB syntax to select a range of headings! Needs `layout.css.heading-selector.enabled` flag enabled. Try it out and let me know your thoughts.

01.07.2025 15:13 — 👍 101 🔁 29 💬 3 📌 3

So many ranges, so little time: A cheatsheet of animation-ranges for your next scroll-driven animation Background If you’re new to scroll-driven animations, welcome!

New blog post just dropped!

Animation-range cheatsheet for scroll-driven animations: webkit.org/blog/17184/s...

All the values for animation-range broken down with detailed graphics. Hope it's helpful ❤️

09.07.2025 23:27 — 👍 49 🔁 15 💬 2 📌 2

Sweet!

10.07.2025 04:45 — 👍 1 🔁 0 💬 0 📌 0

PS: Bluesky, where's the edit button?

09.07.2025 06:38 — 👍 1 🔁 0 💬 0 📌 0

Sometimes my brain is weirdly wired. Surprising myself so often.

09.07.2025 06:34 — 👍 2 🔁 0 💬 1 📌 0

Oh No, I just realized my typo! 😂🤣🤣😭🙈

09.07.2025 06:33 — 👍 0 🔁 0 💬 1 📌 0

Christian "Schepp" Schaefer

Latest posts by schepp.dev on Bluesky

@schepp.dev is following 20 prominent accounts