 `el.className` and `el.htmlFor` have such unusual names because `class` and `for` used to be reserved words in JS. That hasn't been true for property names for 10+ years. Firefox is experimenting with adding `el.class` and `el.for`, yay! https://github.com/whatwg/html/issues/9379#issuecomment-2357214793 "Patrick McCray @patrickmccray.bsky.social If you're having a rough day, remember that in 1991 Tim Berners-Lee's paper for the World Wide Web was rejected and he was relegated to the poster session. https://bsky.app/profile/patrickmccray.bsky.social/post/3l4e4yrnt4u27 Woah
Show previous comments
@impactology @matthiasott is on the bad@CSSpodcast this week, sharing what they still struggle with, AND we nerd out on **how much we adore the lack of control we have in web design**. Check it out on YouTube  @matthiasott Matthias, thanks again for coming on, you're so cool and I really love learning from you!  @developers Please finally add #JPEGXL support (https://github.com/web-platform-tests/interop/issues/700) to #Interop 2025! It's the most voted issue ever! https://github.com/web-platform-tests/interop/issues?q=is%3Aissue+label%3Afocus-area-proposal+sort%3Areactions-%2B1-desc A often-heard complaint about View Transitions is how it handles clip-path, border-radius, opacity, … The snapshots fade, while you’d want the clip-path to actually animate. Also, nested elements bleed out their container because the snapshots are a flat list instead of a nested tree. But what if we solved that? So that you’d get the following instead: - The clip-path on the circle transitions That’s much better, right? 👀 To provide some context. My web preferences API proposal has been upstreamed to CSS media queries draft spec.  #w3cTPAC 🚀 Is the snappy thing snapped? Is the sticky item stuck? Oh, how I wanted to write that title! In this article, I'm taking a look at ⭐ state-queries in CSS ⭐ with some Pokemon themed demos. LLM tools like ChatGPT and Claude makes the question of "Should designers code?" a funny one. These tools makes creating code trivially easy. In fact, you can create a functioning prototype of an idea in the time it would take you to draw 4 rectangles in Figma. I In the video, I wanted to show how I can take an idea kicking around in my head out into the world in just a few minutes: https://youtu.be/5PfQNSxn0vs?si=ESvCJynjK6RENYFT&t=313 I recorded a short video for TPAC to introduce the reading-flow property, which now has an experimental implementation in Chrome. https://www.w3.org/2024/09/TPAC/demo-css.html  There's also bonus Max in this video. I think he may be the distracting background I was warned about. He had been asleep in his hammock, which is just out of shot, and quietly emerged. Watch for the CSS, or the cat, or both! The new Web Weekly Newsletter is out.🥂 This time: ✅ What makes good forms? Enjoy!👇 📣 New post Safari just launched a major new CSS feature in Technology Preview. Here’s what it is, some things you can do with it, and how to use it today with a fallback. https://typetura.com/blog/unit-division-with-css-and-fallbacks/ I thought I needed a `:nth-next-sibling(n)` in #CSS but I actually don't. `:nth-child(n of <selector>)` is a powerful beast! :css: Wrote a quick post about it here: https://chriskirknielsen.com/blog/nth-next-sibling-no-need/ learn about #CSS `interpolate-size: allow-keywords;` from @bramus on the Chrome Blog Animate to height or width `auto`! https://developer.chrome.com/docs/css-ui/animate-to-height-auto  @argyleink @bramus @tomayac These browser ui adventures where the mouse hero sets out to find secrets and hidden meanings left behind by the Builders… This is a game from fifteen years ago. 🙈💁🏻♂️ looks like popover light dismiss is still broken in safari 18 (but there's a strange workaround: add a pointerdown on your body) @mayank `:active` for buttons also never fires on mobile safari unless you have a pointer event on the body 🙃 @katiefenn recreates Daft Punk’s “Around the World” live on stage with the Web MIDI and Web Audio API at #StateOfTheBrowser Exciting release, as Safari now joins Chrome in supporting (Same-Document) View Transitions and Style Queries! 🎉 🔗 View Transitions: https://developer.chrome.com/docs/web-platform/view-transitions 🔗 Style Queries: https://developer.chrome.com/docs/css-ui/style-queries  @davatron5000 Seems like it's headed in a good direction. It's been sorely needed for so long! |
Gregory's Server
@jaffathecake this year has been a succession of discoveries of stuff which I have believed is true for years (sometimes decades) and I have never revisited. Radix parameter to parseInt()? Not required. NodeLists don't have .forEach? Yes they do. Property names are allowed to be reserved words? This is the latest surprise. Next someone will tell me that with{} is OK or something
@jaffathecake wow, thanks for sharing.