Starting in Chrome 140, we’ll be able to calculate numeric values with mixed data types. Sounds small, but Amit demonstrates how big a deal this is, calling it Computational CSS.
Powered by
DigitalOcean
A set of notes taken from Eric Bailey’s article about the use of inclusive personas and user research.
Many of the Sass features we’ve grown to love have made their way into native CSS in some shape or form. So, should we still use Sass? This is how developer Jeff Bridgforth is thinking about it.
I want to look at practical uses for CSS trigonometric functions. And we’ll start with what may be the most popular functions of the “worst” feature: sin() and cos().
When I first started messing around with code, rounded corners required five background images or an image sprite likely created […]
Stu Robson outlines two ways to compile multiple CSS files when you aren’t relying on Sass for it.
.element { background-image: image-set(url("image.png") 1x, url("image-large.png") 2x); } 
.element { background-image: conic-gradient(from 45deg, white, black, white); } 
.element { color: color-mix(in oklab, red 20%, bisque 80%); } .element { grid-template-columns: 1fr 1fr fit-content(200px); } .element { animation-timeline: scroll(); } 
.element { animation-timeline: view(); } .triangle { clip-path: shape(from 50% 0%, line by 50% 100%, hline to 0%, line to 50% 0%, close); } 
p::target-text { /* ... */ } .element { text-box: trim-both cap alphabetic; } ul li { width: calc(100% / sibling-count()); } 
.scroll-container { scroll-marker-group: before; } 
.element::scroll-marker { content: ""; } ul li { transform: translateX(calc(sibling-index() * 10px)); } .carousel::scroll-button(right) { content: "⮕"; } 
