Profile avatar
romanczerki.es
romanczerki.es
12 posts 15 followers 111 following
Regular Contributor
Conversation Starter

The State of CSS survey is live! Please take a moment to fill it out 🙂 It really helps us make more informed decisions on how to focus our web platform (CSS & UI) engineering and DevRel efforts! survey.devographics.com/en-US/survey...

So excited to share my WWDC talk with you all, "What's new in Safari and WebKit" 🥳 It covers all the great things our team has been working on for you and I'm honored to be the one to share all these features and updates 🙏🏾 www.youtube.com/watch?v=r6Ly...

New dimension of interaction:
 from the lightest tap, to the deepest press. github.com/czerkies/rom...

I'm still sad that the native CSS color functions do not work like in preprocessors in certain aspects, but with custom functions, we will be finally free @function --rgba(--c <color>, --a: 1) { result: rgb(from var(--c) r g b / var(--a)); }

ECMAScript Excitement 🎉 This week, at its 108th meeting, TC39 advanced these proposals:

Introducing 🤯 flex-wrap: balance 🤯 Would you use this? ⚠️ Not a real feature yet, just something one of our engineers has been working on. (You can try it out in the latest Chrome Canary with the experimental web platform features flag though!)

Here is another implementation where you can define an array of colors and the number of ranges. The color will automatically adjust based on the progression! ✅ 0% JavaScript ✅ 100% "Programming with CSS" Demo: codepen.io/t_afif/pen/L... via @codepen.io

Today brings 84 new features in Safari 18.4! • Declarative Web Push • Screen Wake Lock API for Home Screen Web Apps • Viewport presets in Responsive Design Mode • Ogg Opus & Vorbis • Image Capture API • WebM support in MediaRecorder • `view-transition-name: match-element` webkit.org/blog/16574/w...

Web Push is exciting. But it requires service workers and a bunch of custom code that can be different from project to project. How about instead we standardize on using JSON & leave JavaScript out of it! Meet Declarative Web Push. Available in iOS and iPadOS 18.4 beta. webkit.org/blog/16535/m...

There it is! Finally, a real solution for how to style all of the HTML form controls using your own custom CSS to change anything — building on an interoperable UA set of defaults. First, styling the in-page part of controls + the popover for <select>. (Later we’ll do popovers for more things.)

🚀 I've been having SO much fun playing with oklch() colors, and now I'm thrilled to share my little page! 🎉 Create patterns, experiment with color inputs, and easily copy the CSS or share your masterpieces. Try it out and let me know what you think! #oklch #colorinspiration #css #madebyme

Interop 2025 launched today! Some really exciting features set to become part of Baseline this year.

🌠 The linear() timing function allows us to embed lush spring physics inside vanilla CSS. It’s one of my favourite modern features. But: providing a fallback for older browsers has been pretty painful. I just discovered a lovely pattern for this. ✨ Here’s the code. Description in thread. 🧵

Super simple use case of the advanced attr(), but this makes me happy... of course, now we need to wait for better browser support, but still, so cool!

New blog post: Updates to the customizable select API una.im/select-updates/

Resilient Design Systems are the new `@property`. Factorization, maintainability, and usability. `Readme.​md` carefully. github.com/czerkies/rom...