A lovely article by @patrickbrosset.com wouldn't call it abusing tho 😂 I think I've made some worse experiences with the feature. css-tricks.com/abusing-cust...
🚀 A little while ago, I released an article on my blog redesign as a progressive enhancement. A few people DM'd me after that, asking for more info on the architecture. Well, it sure isn't perfect, and I'll surely tinker more on it, but I wrote about how I did the new CSS Architecture 🤓
Got an interesting and entertaining evening of web talks thanks to these two speakers @utilitybend.com & @bram.us at the devs.gent meetup! ;)
Wakey wakey sketchy. 🥱
Before you blindly say 100px–200px–300px, hear me out: github.com/LeaVerou/blo...
(And if you really want it to be 100px–200px–300px then it’s simple: don’t type the --arg)
We're having a CSS and UI special at devs.gent and we're starting off with @bram.us who will be cranking view transitions to 11
The <rangegroup> POC now works with wishfull code examples! sweet xD brechtdr.github.io/enhanced-ran...
A deep dive into the CSS architecture behind utilitybend.com: cascade layers, a three-tier design token system, light-dark() for dark mode, a modern reset, container queries, logical properties, and p...
utilitybend.com
Let’s go over a few demos using the new customizable <select> feature that may be wild, but also give us a great chance to learn new things in CSS.
Let's try and recreate the examples! This is one of them. codepen.io/utilitybend/...
😅 I think we can do the grid lane one as well.
Brecht De Ruyte
Brecht De Ruyte
Brecht De Ruyte
Brecht De Ruyte
Rune
Bramus
Brecht De Ruyte
🚨 Want mixins in CSS?
Help the CSS WG by telling us what feels natural to you!
Look at the code in the screenshot. What resulting widths would *you* find least surprising for each of div, div > h2, div + p?
Polls:
┣ Github: github.com/LeaVerou/blo...
┗ Mastodon: front-end.social/@leaverou/11...
Those custom properties are still some leftovers from the previous version, which I mentioned in the article. I didn't start from scratch. 😅 not perfect yet, but getting closer. Fixing the layer already tho ;) small oversight while moving things around.
