I thought I knew about (and used) this, but I was thinking of <input type=search>. This one wraps around whole forms:

Keep your designs looking perfect in print 🖨️ The print-color-adjust property controls whether browsers can optimize colors when printing. Set it to 'exact' to preserve your exact color scheme and prevent unwanted adjustments. Learn more 👇 developer.mozilla.org/en-US/docs/...

I published a web component that lets you render fully local iframes with <template>s. Check it out and lmk what you think or if there are use cases the current API doesn't handle: github.com/AleksandrHov...

Background Patterns with CSS `corner-radius` You might need to know this someday: you can style a div, put the div into SVG, then put the SVG in to CSS and use it as a repeating background.

Do you want a dynamic, responsive navigation? What if you want zero config, no DOM manipulation, no attributes popping up? Well, slot assignment, popovers, and anchor positioning, you can get it done. Okay, that's a lot. But, doable. #CSS #webcomponents #customelements codepen.io/dutchcelt/fu...

no, i did not

I always forget what properties are available now so I've written a quick post to put them all in one place Underlining links with CSS www.alwaystwisted.com/articles/und... #FrontEnd #CSS #WebDev #WebDesign

I updated my article on reducing #WebComponent FOUC to include details on how to choose an appropriate timeout. #html #css #javascript dev.to/stuffbreaker...

img:hover { scale: 1.2; clip-path: inset( 10% 10% 10% 10% round 20px ); } nice, n' simple codepen.io/argyleink/pe...

"CSS is my passion"

Repeatable Form Fields Made Simple from @aaron-gustafson.com www.aaron-gustafson.com/notebook/rep...

Performance-Optimized Video Embeds with Zero JavaScript Putting a YouTube video inside a closed details element means it won't load until that details element is opened. We can use that.

Kamala Harris's National Security Advisor Phil Gordon angrily replies to criticism from Israeli journalist Amit Segal that Biden didn't do enough for Israel. He states that Biden went out of his way to violate US law in support of Israel.

TIL, Chrome 144 ships some new pseudo-classes. 👏 Within limits, you can now style the matching strings of the "find in page" search. ::search-text { // matching strings } ::search-text:current { // currently matched string } More on the blog. 👇 www.stefanjudis.com/today-i-lear...

More on this type of person by @acollierastro.bsky.social: youtu.be/GmJI6qIqURA

github.com/nonsalant/to... #webcomponents #css #buildinginpublic

My latest blog post is out. If you'd like an approachable tutorial on Regular Expressions then I've got you covered. 🍕🚫🍍 /[^pineapple]/ www.devmansam.net/blog/cutting... #regex #regularexpressions #javascript #softwareengineer #100Devs

“You're not gettin’ away with fuck all You're not gettin' away with doin' nothin’ Ní dhéanfaidh muid dearmad ar an lucht seo You think we'd move on and forget what happened? Nah, fuck Keir Starmer Netanyahu's bitch and genocide armer Better off as compost for farmers”

Any post that starts off with the rule of least power is bound to be a good one. @pawelgrzybek.com shows how you can create custom invoker commands by listening to the command event, greatly simplifying interactivity. For predefined commands you don't even need JS! pawelgrzybek.com/more-invoker...

We'll be getting multiple outlines in #CSS!! Multiple outlines means no more hacking our way around accessible and creative outline styles with box-shadows that aren't rendered in forced-colors mode! 🙌 Finally!! This is such great news!! 🎉🥳

This button closes its closest parent that happens to be a popover: <button onclick="this.closest('[popover]')?.hidePopover()" type="button"> (removing this from a project but feel like I'm gonna need it again soon)

The surveillance industry is not your friend.

a powerful #CSS transition technique enters the ring: Anchor Interpolated Morphing (AIM) nerdy.dev/anchor-inter...

love this: svg:not([fill]) { fill: currentColor; }

💡 CSS Tip! My take on the fieldset/legend layout using minimal HTML. css-tip.com/filedset-leg... A responsive and direction-aware implementation easy to control using CSS variables.

A collection of national flags coded in CSS (using a single HTML element for each flag) github.com/alvaromontor...

HUZZAH 🎉 overscroll effects for ALL scrollers in Chrome 145+ nerdy.dev/overscroll-e...

Chrome ships a new HTML element and I'm all game for more built-in functionality! 🎉👇 developer.chrome.com/blog/geoloca...

You might have seen it in the past, but in case you haven't looked recently, GitHub has a couple really nice font sets: Mona Sans & Hubot Sans: github.com/mona-sans Monaspace: monaspace.githubnext.com

The Navigation API is newly baseline! The web now has sensible, low-level routing for navigations.

Made a lil' library: codepen.github.io/slideVars/ Automatically detects CSS custom properties on the :root/html and gives you controls for adjusting them. (But it's also as configurable as you want it to be.)

No more magic numbers with this modern CSS feature (I'll save the clickbait for YT, it's anchor positioning... though it does look like it's in the thumbnail too 😁) youtube.com/shorts/k330_...

A fascinating look at how some common APIs really work. The speech synthesis one was a real eye-opener. polypane.app/blog/not-all...

now on github: github.com/nonsalant/lo... #webcomponents #buildinginpublic

Offset gradient border from img source - how would you get the result from the screen below? Real gap transparency, border gradient obtained from the image. My solutions on @codepen.io: Safari only in 3 declarations codepen.io/thebabydino/... Cross-browser codepen.io/thebabydino/... #CSS #filter

TIL that: <? this ?> <! this !> </ and this > …all parse as HTML comments. It hits a part of the parser the spec where the content is "reconsumed in the bogus comment state".

Just a heads up don’t blindly listen to its recommendations if you’re not sure what you’re deleting. I got “remove unnecessary -webkit prefixes - most are supported natively” but was only using -webkit-font-smoothing and -webkit-text-size-adjust which don’t work anywhere without the prefix. #CSS

Made a pen for this week’s #CodePenChallenge (“a pen that starts with the press of a button”) that is a UI for a location input. This uses a couple of custom elements I’ve built before (map-picker and lazy-modal) and a technique I’m developing for co-locating css/js/html files in web components.

I can appreciate this more after recently having watched the longer version of this video—8 bit stuff actually looks bad on modern screens where you can clearly make out the individual pixels. youtube.com/shorts/W_ZI3...

They aren't even shy about admitting it. Their primary purpose is advancing America's agenda. Their secondary purpose is providing the news. And when faced with the choice, they will always opt for the former.

@heydonworks.com I have something like that in this repo, might be better than an explanation: https://github.com/jsebrech/sweet-suspense That repo also handles loading errors with an error boundary. It was part of an exploration of what it would take to replace the useful bits of react with […]

📝 How To Dynamically Install Custom Elements A pattern I’ve been working on for a while. Load just the elements you are actually using. “Tree shaking” is trivial with HTML. heydonworks.com/article/dyna...

Wear an ffp2/3 respirator, it’s easy. Covid is airborne Vaccinate Open windows Clean the air

www.gavi.org/vaccineswork... This damage is because vaccines were not shared and restricted. The poorest countries have had such terrible impacts while there is silence in much of our media.

comma and period moves through youtube videos frame by frame 💞

So are `cyan` and `aqua`. `rgb(100% 0% 0%)` is `red`. `rgb(0% 0% 100%)` is `blue`. `rgb(0% 100% 0%)` is... `lime`! `green` is `rgb(0% 50.2% 0%)`. `grey` is darker than `darkgrey`. `pink` is lighter than `lightpink`. #CSS

I put together a detailed collection of useful patterns I've collected after vibe-coding 150 different single-file HTML tools over the past couple of years simonwillison.net/2025/Dec/10/...

I just... can't... do it. frontendmasters.com/blog/the-dow...

yes