The CSS animation-timeline property accepts a view() function which, in turn, returns a timeline of how much of an element is visible in the part of a scroll container that’s viewable (formally known as a scrollport). In other words, rather than letting an animation run a linear progression based on Read more…
The Chrome Dev Team recaps the new CSS features that shipped in Google Chrome this past year in one amazingly designed webpage. They cover new functionality for creating more customizable components, next-gen interactions, and optimizing ergonomics. We’ve been tracking many of these features as well: The Interest Invoker API and Read more…
From Adam, prototyped in Chrome Canary 145: h1 { text-grow: per-line scale; } Danny discussed this a while back when looking at different approaches for fitting text to a container, spelling out the syntax (text-shrink included) that you can find in Roma Komarov’s explainer: text-grow: <fit-target> <fit-method>? <length>?; text-shrink: <fit-target> Read more…
I would like to tell you what I learned from a five-year old child about HTML and CSS. Just when I opened my code editor and browser and began writing basic HTML boilerplate, my niece walked in. She is tiny and normally very loud, but was standing quietly next to Read more…
Web components, as imagined in 1998 from a never-adopted specification: Componentization is a powerful paradigm that allows component users to build applications using ‘building blocks’ of functionality without having to implement those building blocks themselves, or necessarily understand how the building works in fine detail. This method makes building complex applications Read more…
