More range sliders with fancy shapes? Let's go! This time with a tooltip showing the value. curve, wave, zig-zag, arc ... Which one do you prefer? css-tip.com/shaped-range... 0% JavaScript and 100% CSS magic (border-shape, shape(), scroll-driven animations, and more!)
641 reactions · 78 shares | Build This Slider in 5 Minutes Learn how...
Build This Slider in 5 Minutes Learn how to create a smooth image slider using only HTML and CSS—no JavaScript needed. In this short tutorial, you’ll see how Flexbox, hover effects, and CSS...
Whimsical Animations
Learn how to create charming interactions and delightful touches using the magic of CSS, JavaScript, SVG, and Canvas. I’m sharing all my tricks in this one!
Native-Like Animations for Page Transitions on the Web | CSS-Tricks
Some of the most inspiring examples I’ve seen of front-end development have involved some sort of page transitions that look slick like they do in mobile
Make accessible carousels | Blog | Chrome for Developers
How the features in CSS Overflow 5 can help you create more accessible carousel patterns.
Carousels with CSS | Blog | Chrome for Developers
Support scroll experiences with navigation buttons and markers with just a few lines of CSS.
Doing maths in CSS
sin(), cos(), atan2() landed in CSS in 2023. You can now place elements in circles, arcs, and spirals with pure CSS, no JavaScript, no libraries. Here's how the math works.
Firefox OS, Animations & the Dark Cubic-Bezier of the Soul – Mozilla Hacks - the Web developer blog
I’ve been using Firefox OS daily for a couple of years now (wow, time flies!). While performance has steadily improved with efforts like Project Silk, I've often noticed delays in ...
The Art of Slide Design
Note: These are the slides from my DevRelCon Tokyo talk from July 29th. I've started writing this up as a blog post on MissGeeky.com: https://missgeeky.…
Nova Rounding Border-Radius Adjustment Variables
64 votes, 26 comments. For those of you who would like to adjust the heavy rounding of all of the elements in the new Nova theme to slightly less…
The CSS Selection - 2026 Edition - Project Wallace
The CSS Selection shows real-world CSS usage from over 100,000 websites and looks at the most important metrics.
The State of CSS 2020: Conclusion
The annual survey about the latest trends in CSS.
una.im | Modern CSS theming with light-dark(), contrast-color(), and style queries
Combine three new CSS features to build fully adaptive themed components.
CSS3 Patterns Gallery
The patterns themselves should work on Firefox 3.6+, Chrome, Safari 5.1, Opera 11.10+ and IE10+. However, implementation limitations might cause some of them to not be displayed correctly even on those browsers (for example at the time of writing, Gecko is quite buggy with radial gradients).
2026 CSS wishlist – Nathan Knowler
What I’d like to see prioritized for CSS in 2026, how those features will allow us to create better web-based design systems, and how they renew separation of concerns.
Tailwind CSS is the worst…