Blog
Modern CSS Tips
February 18, 2026Here's a nice collection of modern CSS snippets to replace older techniques.
Utopia Font Scaling
November 13, 2024An elegant way to scale fonts and spacing for responsive designs. A generated example with 8 scales
Flexbox text wrapping
May 15, 2024A super flexy way to wrap button text when a row has multiple buttons/options.
No more containers
November 10, 2023Tired of using containers and wrapper divs? Struggling with how to breakout sections that need to go wider than the container width? This video is 💰💰💰
If Vanna White becomes AI ...
October 31, 2023A modern "twist" on a Solari board using AlpineJs and Css.
Gradient Borders Exploded
October 23, 2023This was really cool demo on CSS gradient borders but the eye catcher is the 3d exploding layers. 2 🔥 tips for the price 1.
Tabular Numbers
October 23, 2023If you're animating numbers, use this line of CSS
.numbers {
font-variant: tabular-nums;
}
It will make sure your numbers don't jump around like this 👍
Gradient Border Effect
October 23, 2023Really cool CSS gradient border effect I recreated after seeing it on the warp website. Props to Wes Bos for this one.
Code: https://github.com/wesbos/hot-tips/blob/main/warp-card.html
CSS Pie Chart
October 22, 2023With a few simple lines of CSS you can create a beautiful 🥧 chart
background:conic-gradient(
#a78bfa 0deg 45deg,
#fb923c 45deg 90deg,
#a3e635 90deg 225deg,
#22d3ee 225deg 0deg
);
