How to Make a “Raise the Curtains” Effect in CSS
“Raise the curtains” is what I call an effect where the background goes from dark to light on scroll, and the content on top also goes from light to dark while in a sticky position.…
The CSS from-font Value Explained in 4 Demos
I was doing my Advent of UI Components, and I stumbled upon the from-font value for the text-decoration-thickness CSS property. I was curious about it, so I did a little research and I think what I found (and learned) …
Tools for Auditing CSS
Auditing CSS is not a common task in a developer’s everyday life, but sometimes you just have to do it. Maybe it’s part of a performance review to identify critical CSS and reduce unused selectors. Perhaps is part of effort …
How to Get Sticky and Full-Bleed Elements to Play Well Together
I had a unique requirement the other day: to build a layout with full-bleed elements while one element stays stuck to the top. This ended up being rather tricky to pull off so I’m documenting it here in case anyone …
A Comparison of Static Form Providers
Let’s attempt to coin a term here: “Static Form Provider.” You bring your HTML <form></form>, but don’t worry about the back-end processing that makes it work. There are a lot of these services out there!
Static Form Providers do …
My Favorite Netlify Features
👋 Hey folks! Silvestar pitched this post to us because he is genuinely enthusiastic about JAMstack and all of the opportunities it opens up for front-end development. We wanted to call that out because, although some of the points in …
Oh, the Many Ways to Make Triangular Breadcrumb Ribbons!
Oh, the Many Ways to Make Triangular Breadcrumb Ribbons
Let’s have a look at how we can create a row of links that sorta run into each other with a chevron-like shape and notch on each block like you might …
