It has taken 10 years of being on the @heypresents.com stage as MC to secure a slot to actually give a talk. So, you know... I better not screw it up.
Tickets for this final edition are going.
Get yours.
@kevinpowell.co never disappoints. In this video, he presents multiple modern alternatives to CSS snippets that you write over and over again. I learned a few things maybe you will pick something up too.
youtu.be/dQ8_F4LPCs8
#css
this breaks social contract and feels like a betrayal because the whole point of a diagram is to provide clarity where text fails, and to emphasize just the right bits needed for the intuition
whereas these “diagrams” are often self-contradictory or misleading in a way that’s worse than the text
The narrative that #CSS was initially designed to be static, and only later became responsive to things like media, supports, container queries, and now if()… is maybe how things turned out?
But MQs were part of the original proposal – including document age queries & user "relevance" queries.
In graph theory, there are algorithms that find the shortest path between two nodes. I made one with pure CSS (including the graph drawing).
Drag the nodes, and the shortest path will update in real-time!
css-tip.com/graph-theory/
A fun demo powered by all the modern & cool CSS features 🤩
Very much looking forward to the workshop I'll be giving at Smashing. It's all about practical ways you can use modern CSS, with a focus on well supported features you can use today and a sprinkle of newer stuff because it's just too good to not talk about 😅
"I don't use semicolons and now autocomplete is bad because my code is syntactically a totally different thing until I finish writing an entire line of code"
Yeah, maybe put the semicolons back in?
Hello to my Design System friends who use Storybook:
What's the best way to display CSS variable design tokens in Storybook?
I've found this plugin, but don't know if it's really needed? How do you do it? Or why do you not bother?
storybook.js.org/addons/story...
One thing that I wanted to do with the redesign of my site is to have fun with modern CSS, so this week I added a sticky nav that slides in after you scroll a bit.
I tried two methods (scroll-state and view-timeline) and damn, scroll-state is amazing 😅
And yup, I recorded myself implementing it.
~7 years ago I started curating a list of Design Tokens resources on GitHub… today I launch something better.
An updated, tagged collection of 292+ articles on design tokens.
www.alwaystwisted.com/projects/dtm...
more links/resources coming soon.
🙏🖤
#DesignTokens #DesignSystems #WebDev
corner-shape is one of those things where when you first see it, it's like "oh cool, I can make a scoop!" It's something new, which is fun, but it can be hard to think of good use cases.
But, as @cassidoo.co looks at here, it's going to open up a lot of possibilities 🙂 cassidoo.co/post/css-cor...
border-shape can handle both insets and outsets, so you can do effects like this chevron nav (corner-shape can't do both).
This means you get a perfectly-wrapping focus ring without needing to manage z-index or having it partially covered due to overlap.
Demo: codepen.io/una/pen/ByzY...
dev tool CVEs be like
CVE-2026-91470
CVSS 9.4 / 10
Steinway Piano versions 1853.3.5 and above are vulnerable to a Denial of Service (DoS) issue caused by uncontrolled input.
When an attacker provides an invalid input, the music "sounds bad".
I'm on a train from Bristol to London.
As we left Bristol, I noticed the government today published its Fuel Finder API, sharing real time prices at petrol stations around the UK.
I'm just arriving in London, Here's the app that I made using AI while en route. fuel-finder-replit3507.replit.app
I just competed in the first March Mad CSS match today, and holy smokes, trying to implement a pixel-perfect UI in 15 minutes in a competition setting is *so stressful* 😂.
All of the matches will be released throughout March, I believe. Definitely check them out!
ATProto is now in IETF standardization process. BOF stage passed at IETF 124 Dublin. Working group formation is next.
datatracker.ietf.org/wg/atp/about/