dog follows pointer + avoids collisions with no dependencies
- builds the page as a graph, more subdivisions towards the text for perf
- dijkstra shortest path
It’s a similar problem at a different level of abstraction. Tossing words at a model and hoping to see something good is a fool’s errand. Giving it some detail and having it build something that would have taken you weeks in a couple of afternoons is where it feels amazing to me.
Let me also say - I’m using AI a LOT at work and at home, and it has absolutely made work so much easier!
But AI is more of my lil assistant that takes on the tasks I DON’T enjoy so that I have more time to do the things I DO enjoy, like writing good code. 😊
that's not to contradict what you said, just sharing that i've found some lost state of flow in those pockets, but they're not on the default path of using these tools
I wrapped my axe-con keynote at midnight last night and I am so damn excited now.
I don't normally like promoting too hard, but I really wanna share this work and the story I'm telling
So IF you wanna join the session next week it's free!
www.deque.com/axe-con/sess...
I wrote for @zeroheight.com about the types of things automated accessibility checks can't detect when auditing and evaluating your design systems for accessibility. #a11y zeroheight.com/blog/design-...
Dear developers,
Please respect the reduced-motion preferences of your users.
I'm tired of your websites making me nauseous.
Motion is fun until it makes your users sick.
Here you go: developer.mozilla.org/en-US/docs/W...
The second edition of Designing Data-Intensive Applications, by myself and @chris.blue, is finished and sent off to the printers! Ebooks should be available in the next week, and print books in 3–4 weeks. Sigh of relief. 😅
(BTW, this is a good opportunity to support your favourite local bookshop!)
I miss the music app that was centered on _my music_
Playlists, Artists, Albums, Songs, these were the primary axis of navigation — the Nouns of the system.
Now I get Discover, Radio, New, all _their stuff_ while my stuff is tucked away under “Library”
📘 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
📕 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
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.