i finished rereading Gideon the Ninth yesterday and there are so many good lines in that book. Such a fun read and exactly what i needed in these interesting times.
Putting CSS Anchor Positioning to the test by throwing dropdown menus around 💪
[popover].dropdown {
top: anchor(bottom);
right: anchor(right);
position-try-fallbacks: flip-block,flip-inline;
}
That's it 👆 Keeps the menu tethered to the button
(may as well bring over some hits from the other place)
CTA to Nav 🗺️
taking the CSS container query for stuck position: sticky elements for a spin 🔥
nav { container-type: scroll-state; }
@container scroll-state(stuck: top) {
.nav__content { --expand: 1; }
}
trick here is to transition grid-template-columns with the custom property value to morph
Whenever I show dev tools tricks in a video, I get lots of "I had no idea that was a thing!"
What are your favourite or most under-utilized dev tools tips?
There are so many nuggets in there, I'm sure I'm even missing some
I don’t know if anyone needs to hear this but waking up in the morning and being truly energized by your work is one of the rarest privileges in life. No money or status could buy it. If you ever end up being there, stick to what makes it possible when you can.
If you, like me, went into adulthood never really understanding how to decorate your space or how to make it look nice and homey, the answer is lamps. Use lamps. Turn off the ceiling lights.
Since this is my new online home, let's make it more comfortable.
In the interests of learning in public, Imma build a BlueSky bot! Something I haven't found here is a bot that posts the AWS "What's New" releases, and dunking on the stuff they put out is kinda what makes a platform "home" for me.
🧵
I will try a work around tomorrow but if it does not work then I will have to wait for a patch.
Also looks like I am not the only one with this issue so we need a patch no matter what.
Sucks to be locked out of full completion specially since I have been enjoying it a lot.
As of Chrome 131 you have more options to style `<details>` and `<summary>`.
You can now use of the `display` property on these elements, and also use a `::details-content` pseudo-element to style the part that expands and collapses.
developer.chrome.com/blog/styling...
A friend was talking about side projects and said “if I don’t do them and only work, I feel sad and cranky”
I’m the same. My job is challenging and demanding, and I love it. X was draining. I used to make many projects but lately didn’t have the energy.
This place makes me feel creative again ✨
CWV would be great as iOS is a huge blindspot for a lot of people and is a significant amount of traffic. Even better would be element/container timing. Apple values great user experience yet there’s very little in WebKit to help us measure the performance of what user actually see.
oh no i'm redesigning my website again (again[again{again}]) how we feeling about the typography #designsky? (special thanks to Pangram Pangram, one of my favorite foundries)
Here's a fun section from my upcoming Prismic course.
The scribble pulls its color from the board image programmatically. Prismic's image CDN has a palette feature that we tap into.
We're also using some good ol' SVG filters and offset paths for the drawn effect. 🛹
y'all, Alex is cooking lately. this is only the *latest* cool thing he's shipped — he's building some really incredible stuff if you scroll through his timeline