#css
frontendmasters.com/blog/nav-thu...
#css #Anchor-Positioning
frontendmasters.com/blog/the-big...
team i'm FIRED UP about these gnarly gotchas with Anchor Positioning in CSS.
This got me riled up enough to make a video about why it might feel like CSS is now doing things that JS should be doing, but really, these modern features are allowing us to use CSS for what it should be used for, instead of hacking solutions with JS.
www.youtube.com/watch?v=GTCJ...
When I started playing with it one year ago.
bsky.app/profile/css-...
๐ There should be a native way to have more than one thumb on a range slider. For this, I need your help. I created a starting point and would love you all to talk about it and give some feedback. It still has a lot of room to grow. Let's slide! ๐ ๐
utilitybend.com/blog/a-nativ...
Richard Rutter helps you to make sense of list-style, list-item, ::marker, counters(), counter(), @counter-style, symbolic, symbols(), symbols and more to push your HTML and CSS lists to the next level.
piccalil.li/blog/an-in-d...
The math in this had my head spinning a bit, but I love reading about the types of things we'd never think of that come up when browser engineers have to implement new CSS features, like @nomster.bsky.social does in this post.
developer.chrome.com/blog/impleme...
Video is here if you're interested: youtu.be/J_cnZa6UzVI
Anchor positioning is supported in all major browsers and will soon be used widely. Learn how it properly works before you start hating this cool feature ๐
And the first one of them is out, curious what you think of it (especially if you're on mobile)
youtube.com/shorts/zJ3WE...
A funny dog picture
A flower shape looks better for that dog ๐
codepen.io/t_afif/pen/X...
I like the fact that I already have a bunch of shape() ready to be used by simply changing clip-path with border-shape ๐
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 ๐คฉ
Does exactly what it says on the tin. The new <select> styling stuff is truly a game changer.
nerdy.dev/nice-select