← Feed

Posts

• Post #3731586

  RE: https://front-end.social/@css/116846332363731850 I proposed this feature in 2023. Safari implemented in 2024. Chrome just shipped it too. This means that it's now a matter of time before it’s available for >88% of web users. And as a progressive enhancement, you can use even before that. Timeline: https://lea.verou.me/specs/#continuous-image-borders “But standards are so slow!” PS1: Credits to yisibl for implementing this in Chrome! PS2: You don't actually need border-box in...

• Post #3503799

  If one user gets it wrong, it *might* be them. If multiple users get it wrong, it's *definitely* you. — Ancient UX proverb

• Post #2334161

  Finally ready to launch the new http://lea.verou.me, powered by @eleventy & Netlify! Look ma, no database! 🎉 Farewell WordPress, I will cherish our 14 years together. 💙 Blogging about the journey spawned 4 (!) blog posts. [Main Post] Going Lean https://lea.verou.me/blog/2023/going-lean/ Spinoff blog posts in thread:

• Post #2142217

  This is excellent. 👌🏼 “Open source, the thing that drives the world, the thing Harvard says has an economic value of $8.8 trillion. Most of it is one person. And […] not one of those single person projects have the proper amount of resources they need. If you want to talk about possible risks to your supply chain, a single maintainer that’s grossly underpaid and overworked.” Yuuup. Baffling how so many companies depend on open source software without funding it, ever. https://opensourcesecur...

• Post #1982707

  The @csswg needs your input! We just resolved to support multiple borders and outlines per element, comma separated! 🎉 But we can’t decide on the order: inside out or outside in? What feels more natural to you, A or B? Poll in https://front-end.social/@leaverou/115974948169271135

• Post #1940677

  To add to @bramus's question [1]: What "queries" would you use it with? E.g. - first input descendant - closest name=foo sibling - input within the same <tr> etc Don't think just <label for>/ARIA but all attributes that take ids, e.g. list, commandfor, popovertarget + component attributes [1]: https://front-end.social/@bramus/115016389746283451

• Post #1890450

  TIL crows, starlings and similar birds only *look* black to us — they’re actually very colorful in ways human eyes are unable to perceive. 🤯 Remember that next time people can’t see your “colors”. Some colors just require different eyes.

• Post #1747958

  What best expresses your setup?

• Post #1208198

  After popular demand, we decided to extend the #StateOfHTML survey until Oct 16th. 🥳 Last chance to take it, or finalize your answers if you have already taken it! Maybe you remembered more pain points after taking it? Go back and write them in! https://survey.devographics.com/en-US/survey/state-of-html/2023

• Post #1208192

  The #StateOfHTML 2023 results are finally out! Enjoy insights from 22K responses about the state of the web platform, from HTML and interactivity to #webcomponents, PWAs, and a lot more. This project is a monumental effort from people across the world. We even designed novel data collection UIs to gather the data we needed while minimizing friction, which I plan to write a case study about soon. https://2023.stateofhtml.com/en-US

• Post #1208189

  Less than a week ago, I predicted that @Firefox would implement Relative Colors (RCS) *very* soon. I didn’t expect my prediction to come true that quickly: Firefox 128 (Nightly) shipped with RCS support! 🎉 Pretty solid implementation too. This means that Relative Colors will be Baseline 2024! 🎉 Testcase: https://dabblet.com/gist/58ec6a5493b95097a0c6a17b0cc9a840 Now if someone could update caniuse… https://front-end.social/@leaverou/112451790361014358

• Post #1096775

  RE: https://front-end.social/@leaverou/116297807826814028 Thank you all for voting! Thanks to your input we managed to reverse the resolution that forced all mixins to be scoped — sibling and ancestor rules will no longer be silently dropped from mixins. 🎉 Relevant WG resolution: https://github.com/w3c/csswg-drafts/issues/13727#issuecomment-4173187508 My slides: https://webplatform.design/talks/mixins

• Post #957486

  RE: https://front-end.social/@leaverou/115455940452841916 This ended up being such a useful lil' utility I just published a package with it so others can enjoy hassle-free symbols by the truckload! https://www.npmjs.com/package/get-symbols

• Post #932434

  If your company uses web technologies but has never tried to solve pain points by fixing the web platform rather than working around the issues, why is that?

• Post #879790

  There are currently two mature @TC39 proposals for the low-level functionality that would make it possible to declare *any* file type as a dependency: 1. Import text (Stage 3 as of last week!): https://github.com/tc39/proposal-import-text 2. Import bytes (Stage 2.7): https://github.com/tc39/proposal-import-bytes Perhaps we should push for these to get implemented *first* instead of ad hoc types for every possible type of dependency (CSS modules, HTML modules, etc), which doesn’t scale.

• Post #879789

  RE: https://mastodon.social/@cssday/116244197568782653 I don’t have time to do as many conference talks these days but CSS Day always has a special place in my heart. It’s such a fantastic conference, both for the content and the community.

• Post #879788

  Kids are so weird sometimes. Tonight, at dinner, I suddenly notice my 6 year old staring into the void, looking pensive. Eventually, she exclaims “I am completely lost with where I am in my life!”. Join the club, kiddo. Join the club. 🤣🤣🤣

• Post #814962

  🚨 Want mixins in CSS? Help the @csswg by telling us what feels natural to you! Look at the code in the screenshot. What resulting widths would you find least surprising? A: All get 100px B: div gets 100px, div > h2 gets 200px, div + p gets 300px C: div gets 100px, div > h2 gets 200px, div + p gets no width* D: div and div > h2 get 100px, div + p gets no width* * from the mixin Poll in https://front-end.social/@leaverou/116297811172593173 Please answer based on what fee...

• Post #811177

  🎄 Holiday gift from the #ColorJS team: v0.6.0 is out with a host of fixes and improvements! We’ve also crossed 100 million installs on npm a few weeks ago! Release notes: https://github.com/color-js/color.js/releases/tag/v0.6.0

• Post #725618

  Claude: I can understand complex architectures in minutes and write highly maintainable code in a fraction of the time it would have taken a human! Also Claude: Um, how do I put this. I know you gave me permission to run a bunch of terminal commands, but I need you to approve this one manually because ampersands are hard.

• Post #429897

  🔥 I have news! After a 1y hiatus, I’m once again leading this year’s #StateOfHTML survey, thanks to generous funding by Google. ❤️ 🙋🏽‍♀️ Is there is an HTML feature or Web API you're dying to see progress on? Suggest it and it could be included! Browsers fund these surveys to see what matters to devs — so if others care too, it can really help. E.g. these surveys are the reason we have CSS Nesting. ⌛️ The survey is launching later this month, so time is of the essence! https://lea.verou.me...

• Post #429895

  🚀 The #StateOfHTML 2025 survey is now open! ➡️ Take it now: https://survey.devographics.com/en-US/survey/state-of-html/2025/?source=leaverou Spending time to fill these out thoughtfully is an investment into your craft, as browsers are using the results to make prioritization decisions. You don't have to do it in one go (or even in one device). Blog post with more background: https://lea.verou.me/blog/2025/state-of-html/ Big thanks to @sachagreif @dmitrysharabin @kadirtopal @foolip!...