Mike Herchel's Avatar

Mike Herchel

@mike.herchel.com

Dad to a baddass 14yo daughter, senior front-end developer, maintainer of #Drupal core’s #CSS subsystem & default theme. Big believer in FOSS, the open web, performance, and accessibility. https://herchel.com

233 Followers  |  206 Following  |  88 Posts  |  Joined: 19.09.2023  |  2.5778

Latest posts by mike.herchel.com on Bluesky

ooo! That's exciting! Thanks for the update (and here's hoping FF + webkit are working on it too)

07.08.2025 21:43 — 👍 0    🔁 0    💬 0    📌 0
Resume | Aubrey Sambor A blog about web development, knitting, and other assorted things.

Hi all! 👋 I was laid off and am looking for my next senior front end developer role.

I have 19+ years of experience working with small agencies and Fortune 500 companies and focus on writing clean, accessible HTML, CSS, and JavaScript.

Resume: aubreysambor.com/resume/

Leads/reposts appreciated!

05.08.2025 13:52 — 👍 72    🔁 70    💬 3    📌 3

Congrats!

(if you could work on style queries, I will personally buy you ALL the beer) 😁

31.07.2025 18:18 — 👍 4    🔁 0    💬 0    📌 0

I've always wondered this. Have you posted data/methodology/etc anywhere?

25.07.2025 19:59 — 👍 1    🔁 0    💬 1    📌 0

The lack of `interpolate-size` is also a big one for me.

25.07.2025 19:57 — 👍 2    🔁 0    💬 0    📌 0

Also, is that a polar bear rafting??

02.07.2025 16:13 — 👍 0    🔁 0    💬 0    📌 0

I'll be there!

02.07.2025 16:12 — 👍 0    🔁 0    💬 0    📌 0

Thank you!!! No clue it was behind a flag.

Hopefully it'll be enabled by default soon. I can't make use of it until all major browsers support, and FF is the last holdout.

01.07.2025 21:25 — 👍 2    🔁 0    💬 0    📌 0
Preview
The web's broken deal with AI companies AI companies are breaking the web's economic model by extracting content without compensating creators, but new enforcement tools and content licensing marketplaces could restore fair compensation.

The Open Web was built on a fair exchange: content in return for visitors. AI broke that deal. We need new systems to support creators, not leave them behind. My thoughts on the forward: dri.es/the-webs-bro... /cc @cloudflare.social #openweb #ai

01.07.2025 15:12 — 👍 2    🔁 1    💬 0    📌 1

oo yeah! That'll be exciting too :)

01.07.2025 16:15 — 👍 1    🔁 0    💬 1    📌 0

Super useful! Any word on FF supporting style queries? So much I could do with those (and webkit/blink already support it)

01.07.2025 15:46 — 👍 0    🔁 0    💬 1    📌 0
Post image

📢 BIG NEWS IF YOU ARE AN OPEN SOURCE MAINTAINER!

The HeroDevs Open Source Sustainability Fund is giving $20M to creators shipping secure, high-impact OSS — while we handle legacy.

Learn how to apply→ www.herodevs.com/blog-posts/h...

#OpenSource #CyberSecurity #EOL #HeroDevs

23.06.2025 20:19 — 👍 22    🔁 11    💬 0    📌 2

Right???!!!

03.06.2025 11:52 — 👍 1    🔁 0    💬 0    📌 0

Why I've self-nominated for the Drupal Association At-Large Board Seat at this moment

mglaman.dev/blog/why-ive...

03.06.2025 02:37 — 👍 5    🔁 1    💬 1    📌 0

Hell yeah!

03.06.2025 11:51 — 👍 2    🔁 0    💬 0    📌 0

Not the answer you're looking for. But I use CMD+K, which is the same keyboard shortcut from MSWord.

28.05.2025 02:39 — 👍 0    🔁 0    💬 1    📌 0
CSS if() functions & reading-flow (in Chrome 137)
YouTube video by Una Kravets CSS if() functions & reading-flow (in Chrome 137)

CSS if() function landed today(!!!) in Chrome 137 🥳

along with another rad feature: reading-flow 🥳

So I put together a quick video showcasing both:
youtu.be/Apn8ucs7AL0

27.05.2025 21:29 — 👍 273    🔁 58    💬 27    📌 24
Preview
The Drupal Event Platform: a new stage of evolution Earlier this year I made the difficult decision to step down as Events Recipe track lead in the Starshot initiative. Having successfully delivered the requirements for a 1.0 release of Drupal CMS, I d...

Working on the #Drupal Event Platform has been challenging at times but it has given me the opportunity to explore some big ideas and develop new skills. I'm glad to see growing excitement for how it's taking shape

27.05.2025 11:54 — 👍 3    🔁 2    💬 0    📌 0
Preview
Inclusive Design 24 (#id24) A free 24-hour online community event on accessibility and inclusion

Inclusive Design 24 is on 25 September 2025, and our Call For Presenters (CFP) is open until 31 May:
inclusivedesign24.org/2025/

#id24 #a11y #accessibility #UX #inclusion #InclusiveDesign #code #gamedev

18.05.2025 17:02 — 👍 15    🔁 15    💬 1    📌 0
Preview
a cartoon pug holding a calendar with the words save the date above it Alt: a cartoon pug holding a calendar with the words save the date above it

Mark your calendars! The 18th annual Florida DrupalCamp is happening February 20-22, 2026, in Orlando, FL!

Get ready for all the Drupal fun in the sun 🌴 Stay tuned for more info!
www.fldrupal.camp
#FLDC26 #Drupal #OpenSource

15.05.2025 21:14 — 👍 6    🔁 2    💬 0    📌 0

I'll be there!

15.05.2025 23:37 — 👍 1    🔁 0    💬 0    📌 0

lmao

14.05.2025 18:16 — 👍 0    🔁 0    💬 0    📌 0
Code showing JS adding a `safari-not-doing-position-fixed-properly-because-it-sucks` CSS class.

Code showing JS adding a `safari-not-doing-position-fixed-properly-because-it-sucks` CSS class.

How's your day going?

14.05.2025 17:55 — 👍 2    🔁 0    💬 1    📌 0
Preview
scripting - CSS: Cascading Style Sheets | MDN The scripting CSS media feature can be used to test whether scripting (such as JavaScript) is available.

FYI the JS method can create layout shifts (when items pop in when the `js` class gets added).

Best way to do this (not mentioned ☝️) is to use the scripting media query. Super easy, no layout shifts etc!

developer.mozilla.org/en-US/docs/W...

14.05.2025 14:48 — 👍 1    🔁 0    💬 0    📌 0

Custom Properties compute before they inherit ... and by registering a custom property with a certain syntax, CSS knows what to compute it to ... which allows this:

07.05.2025 17:24 — 👍 33    🔁 8    💬 2    📌 1
Preview
Using Container Query Units Relative to an Outer Container Container units (e.g. cqi) are only able to reference the closest container. But if you register a custom property and set that higher up, you can get your hands on other containers units.

Ha! Looks like @anatudor.bsky.social came to my rescue one day after asking this! frontendmasters.com/blog/using-c...

13.05.2025 01:23 — 👍 0    🔁 0    💬 0    📌 1
Preview
Modern Product Launch Build buzz around your launch with this bold product template. A clean, focused design that makes it easy to highlight features, share updates, and drive early interest.

wooahh Figma's new Sites thing produces no semantic HTML at all. Every single element is a div. Incredibly inaccessible

Example:

plugin-value-scrum.figma.site

07.05.2025 21:26 — 👍 242    🔁 60    💬 24    📌 62

#CSS Is it possible for CQW units to be based off of a named container?

I have 2 ancestor query containers (set to `container-type: inline`) The top level container has `container-name: top`

I want a deeply nested element's CQW units to be based on the `container-name: top` container. Possible?

05.05.2025 15:11 — 👍 1    🔁 0    💬 1    📌 0
Preview
a frog with the words youza liar on it ALT: a frog with the words youza liar on it
04.05.2025 17:12 — 👍 2    🔁 0    💬 0    📌 0

thanks!

02.05.2025 15:36 — 👍 1    🔁 0    💬 0    📌 0

@mike.herchel.com is following 20 prominent accounts