Osvaldas Valutis

✏️ Only One <details> Open At a Time — osvaldas.info/only-one-detai…

select > selectmenu

✏️ Opacify HEX Color In CSS — osvaldas.info/opacify-hex-co…

@per1000x One and only!

@osvaldas jQuery ❤️

✏️ CDN-first Is No Longer a Performance Feature — osvaldas.info/cdn-first-apro…

Fix default text centering on date/time input for iOS Safari:

“iOS 17.4 introduces new capabilities that let iOS apps use alternative browser engines — browser engines other than WebKit — for dedicated browser apps and apps providing in-app browsing experiences in the EU.” 🤩 developer.apple.com/support/altern…

Safari 17.4 beta is out ! So much in it, including: - @​scope - align-content on blocks - vertical form controls - <hr> inside <select> - <input type="checkbox" switch> - VP8/VP9 & WebM on iOS & iPadOS - Vorbis audio codec on iOS - Fullscreen API on iOS developer.apple.com/documentation/…

Who’s gonna read your personal blog because it has an RSS feed? I’m gonna read your personal blog because it has an RSS feed.

"It requires an explicit compile step, it pollutes the code with type gymnastics that add ever so little joy to my development experience, and quite frequently considerable grief. Things that should be easy become hard, and things that are hard become `any`. No thanks!"

👏 world.hey.com/dhh/turbo-8-is…

Lazy-loading iframes and images is now supported in all modern browsers! Try <iframe loading=lazy> and <img loading=lazy> for faster initial page loads ⚡️

If you are implementing dark mode, make sure to add color-scheme: dark to the html element to ensure the native browser controls also respect dark mode preference. This way you don't get a light colored scrollbar in dark mode like Twitter currently is.

Browsers do a lot of genuinely intelligent comp sci wizardry to optimise things as much as they can, but developers need to meet them in the middle.

Everyone’s favourite CSS framework’s homepage. That’s 125ms for one selector across 6455 DOM nodes 😬

<🧵> CSS Selector Performance. It’s something that most people tell you not to worry about. But sufficiently bad selectors on a sufficiently large DOM can have a real impact on the user experience, and even on INP.

✪ Redesigned! This also symbolically marks the date when I got my first paid gig of coding a website 20 years ago at the age of 15. osvaldas.info A few thoughts on the redesign at my blog: The Great Gatsby Redesign osvaldas.info/the-great-gats…

Web forms that doesn't get submitted on Enter press? Well, most likely they're just the forms visually, not technically. Use <form>s or polyfill their functionality.

@viljamis Nice use of currentColor 👌

This is golden! Chrome 107 (currently in beta) comes with a new `renderBlockingStatus` field on ResourceTiming entries. 👏 Wanna find and monitor all the render blocking resources in a page? Here you go!