Roman Czerkies

Hey, hi, but for LLMs: romanczerki.es/index.md
 CSS properties, but HTML attributes.

 github.com/czerkies/rom...

Dark mode. Do the websites & web apps made by your team support dark mode? If not, why not? What do you want to know most to help empower your team to support it?! What’s the blocker? What is confusing or hard about dark mode? #css #web #development #design

Contextualism by @nerdy.dev at CSS Day 2026

Hi! I'm working on a new HTML feature: filterable select There are two proposed API shapes so far: 1. Nesting <input> in <select> 2. Sibling <input> for listbox <select> w/id ref Option 1 is more ergonomic, but would break selects in older browsers Thoughts? (Both currently in Canary w/flag)

📊 For websites that use a tri-state dark mode toggle (system, light, dark), have you EVER clicked on the override that matches your current system theme? E.g. going from System to Light on a light OS (which produces no visible change). Experimentation aside obvs. Poll at github.com/LeaVerou/blo...

Firefox now supports the text-box-trim and text-box-edge CSS properties, and the associated text-box shorthand. These properties allow you to control the leading space above and below text, enabling simpler and consistent vertical spacing and alignment. bugzilla.mozilla.org/show_bug.cgi...

Learn all about what my team has been up to this year — how we worked to improve the quality of WebKit. Plus what’s coming in Safari 27: Customizable Select, <model> on iOS, iPadOS & macOS, and much more. I cover highlights in: youtu.be/7Hg1fCrm4yM #css #html #javascript #webdevelopment #wwdc26

Better UI, same UX. Highly adaptive components, now with color-scheme. github.com/czerkies/rom...

Safari 26.5 is here! It includes the :open pseudo-class, the element-scoped keyword for random(), color-interpolation for SVG gradients, the ToggleEvent.source property for popovers, and the Origin API. And a ton of polish and fixes. webkit.org/blog/17938/w...

Related: github.com/w3c/csswg-dr... (with a few use cases inside)

Did you see what’s in Safari Technology Preview 238?! * Customizable <select> * Scroll anchoring * The :open pseudo-class * Threaded animations * JSPI for WebAssembly and more — including fixes for SVG, tables, WebRTC… webkit.org/blog/17848/r...

🎉 New Blogpost 🎉 Building Typographic Scales in CSS with :heading(), sibling-index(), and pow() www.alwaystwisted.com/articles/bui... What if we could create a typographic scale for headings with one line of CSS? One rule to scale them all. #CSS #FrontEnd #WebDev

Interop 2026 launches today! If you want know on what it includes and what it means for web development — our article provides all the details. webkit.org/blog/17818/a... Focus areas include Anchor Positioning, Style Queries, contrast-color(), WebTransport and much, much more.

While we wait for contrast-color() to arrive in all browsers, these CSS-only approaches by Donnie D’Amato give us a practical way forward that we can use right now, along with lots of other knowledge on how colour works in CSS. piccalil.li/blog/some-cs...

So there's a new meta element arriving in town (Chrome Canary first)? 👏 www.joshtumath.uk/posts/2026-0...

Forms are better with <fieldset> and <legend> because of accessibility and stuff (adrianroselli.com/2022/07/use-... for details), but did you know that <fieldset> also has a hidden DX feature? You can toggle its disabled attribute to enable or disable whole sets of inputs all at once! #html #webdev

```#css .container { container-name: --example; } h1 { color: red; @container --example { color: green; } } ``` Canary and Tech Preview both showing green text! Gettin there, excited for these to hit stable.

SVG icon: lightweight, scalable, accessible & adaptive. github.com/czerkies/rom...

Check out all the revised demos of Grid Lanes in Safari Technology Preview 234! webkit.org/demos/grid3/

Created a little Oklch pattern generator a while ago. But never did a write-up about it. So here it is. A little write-up on Oklchroma, things implemented, and things I'd like to do. Brutally honest about my bad React skills and where the inspiration came from: utilitybend.com/blog/oklchro...

Safari 26.2 is here with 65 features + 165 bug fixes — including field-sizing, Navigation API, Largest Contentful Paint, command & commandfor, CHIPS opt-in partitioned cookies, scrollend event, random(), WebGPU in WebXR, scrollbar-color, hidden=until-found and much more! webkit.org/blog/17640/w...

CSS text-decoration-inset landed in Firefox 146! Here's how it works:

📰 Frontend News #19 A brief look at CSS properties: 🌈 overscroll-behavior 🎯 scrollbar-gutters 🤯 text-grow 🧠 And more... Featuring @bram.us, @zachleat.com , @css-only.dev, @projectwallace.com, @nerdy.dev. 🙏 youtu.be/PjZYyZWukBw

"…the time to evaluate and implement passkeys is now… adoption offers not just enhanced security but also a competitive advantage in user trust…" "…embracing passkeys isn't merely an upgrade; it's a fundamental recalibration of our approach to… security." allsafeus.com/elevating-mfa-w...

#CSS `@custom-media` feature flags create your own true or false media queries nerdy.dev/custom-media...

About to have CSS ANCHOR POSITIONING FULLY CROSS-BROWSER!!

You can now easily customize find-in-page with the new ::search-text pseudo-element, that is shipping in Chromium 144.0.7547. 🚀 Find more details on the blog post by Stephen Chenney: blogs.igalia.com/schenney/fin... Thanks to Bloomberg for sponsoring this work.

@saron.bsky.social @jensimmons.bsky.social Hi! I'm testing the use of SVG for Web Apps inside the webmanifest (STP), but it doesn't work. You mention that in this article: webkit.org/blog/16993/n.... Maybe I'm wrong but perhaps you have an example or more precisions on how to use it? Thanks!

ECMAScript excitement 😉 Congrats to my coworker @ashley-c.bsky.social at TechAtBloomberg on advancing Await Dictionary to Stage 2.7 at TC39 today 🎉 Promise.all returns positional results as an array. Promise.allKeyed allows named results inside an object 👍 github.com/tc39/proposa...

last week I wrote 3 articles: Context‑Aware Cornering: How inherit() Can Simplify Border‑Radius for Components www.alwaystwisted.com/articles/mak... Styling The gap with CSS www.alwaystwisted.com/articles/sty... A Few Useful Web Development Bookmarklets www.alwaystwisted.com/articles/a-f...

✍️ New post: Linear() Is Not Linear #blogtober #CSS #animations #easing #linear matthiasott.com/notes/linear...

There's a new #CSS Working Group poll to get feedback on different names for the infamous 'Pinterest' layout. - Since it uses many of the grid-* properties, `grid` will be in the name somewhere - We don't use metaphors in CSS names, so `masonry` is not listed here docs.google.com/forms/d/e/1F...

Got thoughts about Web Push? So many web developers talked about it for years… and now I hear nothing. Are you using Web Push? Have you learned about Declarative Web Push?

Don't [...spread] or .split() your strings! Use Intl.Segmenter API. Available in every JS runtime

"Oops… #CSS got away from me, send halp!" 🎥 video out now a 25m tik-talk just given at @cascadiajs.com ⤷ nerdy.dev/oops-css-got...

As an experiment, we (the Firefox team) wanted to try a new way to get feedback on which Interop proposals matter most. So, here's a web app where you can rank the proposals you care about, giving us data we can use when reviewing which ones to champion. interop-rank.jakearchibald.com

Automates scroll-affordance sign — powered by scroll-driven, without animation. github.com/czerkies/rom...

Remembering Steve, today and every day stevejobsarchive.com

#CSS: The pseudo-class :heading matches all heading elements in a document. These are equivalent: :heading { … } h1, h2, h3, h4, h5, h6 { … } Alas, not supported by any of the major browsers, yet: developer.mozilla.org/en-US/docs/W...

Wrote up a short post on a new position-area value we're considering, and would love to hear your thoughts on it. Which option do you prefer? webkit.org/blog/17417/p...

✨ I just published a brand-new blog post about a modern CSS feature! But, honestly, I’m still on the fence about it. 😅 In this post, I’ll dig into the gnarly issue I ran into, and share three possible workarounds. Along the way, you’ll learn a bunch about the CSS cascade and specificity!

Wow there are 22 new features in today’s Safari Technology Preview 277! Including `field-sizing`, `scrollbar-color`, `position-visibility`, more of Anchor Positioning, `command` and `commandfor` attributes on buttons, `scrollend` event, Navigation API… and more: webkit.org/blog/17324/r...

Did you know there’s work going on to add a `random()` function to CSS?? You can try it out today in Safari Technology Preview. Learn what it means, how to use it and see a bunch of examples at: webkit.org/blog/17285/r...

Randomness in CSS!! Please try it out and give us some feedback: webkit.org/blog/17285/r... :)

🎉 Live from the CSS WG F2F: RESOLVED: Make the color interpolation space of color-mix() to OKLab This means you'll no longer have to type color-mix(in oklab, color1, color2), just color-mix(color1, color2)

deployed updates to nerdy.dev, lemme know if you find issues or notice what's changed

Cascading Layers of !mportance, by @mia@front-end.social (@jsheroes.io): https://www.youtube.com/watch?v=4PkhzoFLJ0Q #videos #css #cascade

Did you know you can do `height: stretch` now in CSS? Works for `width` too. /via @patrickbrosset.com developer.mozilla.org/en-US/docs/W...

Why and How to Write Minimal and Valid HTML, a Link Guide, by @meiert.com [@frontenddogma.com]: https://meiert.com/blog/minimal-and-valid-html/ #html #minimalism #conformance #howtos #guides

State of HTML is live now! Please take it if you care about the web platform! 🙂 These surveys are super helpful for our team to understand the state of the ecosystem and prioritize missing features/platform needs! survey.devographics.com/en-US/survey...