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.
๐ Web Performance Fundamentals - measuring and improving Core Web Vitals, diving deep into React rendering techniques and understanding what Suspense and Server Components actually are doing.
www.getwebperf.com
๐ Advanced React โ deep dives into how React actually works, from state updates to the pain of re-renders to reconciliation shenanigans.
www.advanced-react.com
@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
"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?
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 ๐
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
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...
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...
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 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!
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
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/
the @codetv.dev studio looks like a tornado blew through it but we are SO CLOSE to filming the first episode of Web Dev Challenge season 3. canโt wait to show yโall the improvements weโve been working on
I love that my job is gathering up as many weirdo artists as I can find & setting them loose ๐