Standalone CDPs Fade as Enterprise Suites Expand
The customer data platform (CDP) industry is entering a new phase as standalone CDPs give way to…
Get Ready For the Powerful CSS border-shape Property!
So, we recently got the new shape() function (now Baseline!) as well as the corner-shape property. What…
translateZ()
The CSS translateZ() function adds depth to an element, drawing it closer or farther in space. In other words,…
translateY()
The CSS translateY() function shifts an element vertically by the specified amount. Specifically, it shifts an element either up…
translateX()
The CSS translateX() function shifts an element horizontally by the specified amount. Specifically, it displaces an element to the…
translate()
The CSS translate() function shifts an element from its default position on a two-dimensional plane. This way, we can…
Snapchat Ads for WooCommerce: Reach the shoppers who ask their friends before buying
Let me tell you about the moment I realized how Snapchat ads work. I watched a shopper…
Using Scroll-Driven Animations for Opposing Scroll Directions
Sometimes designers have silly ideas that eventually grow on you. That happened to me with this concept…
What’s !important #13: @function, alpha(), CSS Wordle, and More
CSS functions, the alpha() function, Grid Lanes, some things about <dialog> that you might not know, CSS…
What Happens When AI Becomes the Buyer?
AI agents are moving beyond assisting with purchases to making them, raising new questions about trust, marketing,…
Another Stab at the Perfect CSS Pie Chart… Sans JavaScript!
Recently, Juan Diego Rodríguez published an excellent article exploring how far CSS can be pushed to build a semantic…
offset-path
The offset-path property in CSS defines a movement path for an element to follow during animation. This…
@custom-media
The CSS @custom-media at-rule allows creating aliases for media queries. This is particularly valuable if you have…
@function
The @function at-rule defines CSS custom functions. These custom functions are reusable blocks of CSS that can…
What’s !important #12: Safari Testing, ::checkmark, HTML Anchor Positioning, and More
What’s !important #12 talks about the old (testing in Safari when you don’t have Safari), the new…
Computing and Displaying Discounted Prices in CSS
CSS math isn’t just about how things look! It can also be used to work out useful…
rotateX()
The CSS rotateX() function rotates an element around the x-axis in a three-dimensional space. Specifically, it vertically flips the…
rotateY()
The CSS rotateY() function rotates an element around its vertical y-axis. Specifically, it horizontally flips an element from left…
Using CSS corner-shape For Folded Corners
I came across Kitty Giraudel’s folded corners technique. It leverages CSS clip-path, and I thought that that…
The Importance of Native Randomness in CSS
Recently, I published a story about the new random functions that have landed in CSS and how…
contrast()
The CSS contrast() filter function increases or decreases the contrast of an element, either making colors pop out more…
New Ecommerce Tools: March 25, 2026
Our rundown this week of new services for ecommerce merchants includes updates on predictive intelligence, same-day shipping,…
What’s !important #7: random(), Folded Corners, Anchored Container Queries, and More
For this issue of What’s !important, we have a healthy balance of old CSS that you might’ve…
Abusing Customizable Selects
Web browsers ship new features all the time, but what fun is it if we can’t build…