Issue #449

March 3, 2021

The Future of CSS: Scroll-Linked Animations with @scroll-timeline

Bramus Van Damme looks at how scroll-linked animations, animations linked to a scroll offset of a scroll container, work.

Zell Liew outlines the best font loading strategies and how to execute them.

Stay Current With Today’s Best Web Design Practices

Spanning the spectrum from advanced CSS to inclusive and cross-cultural design, to web components and PWAs to user research, An Event Apart Online Together: Spring Summit features 15 important sessions from world-class experts to keep you up-to-date with today’s best practices. Join us April 19–21.

Save $100 on any multi-day pass with promo code AEACSSW21.

See the detailed three-day agenda and register now.

Articles & Tutorials

Styling Scrollbars With CSS

Chris Bongers shares some tips on styling scrollbars.

The Ultimate CSS Grid Tutorial for Beginners (With Interactive Examples)

Louis Lazaris created a CSS grid tutorial for beginners, discussing the various parts of the Grid Layout spec with lots of interactive examples.

The Beauty Of Tiny Enhancements In CSS

Ahmad Shadeed explores how to use CSS features without causing any harm to browsers that don’t support them.

The CSS File Size and Count Report for Premier League sites

Silvestar Bistrović analyzed the CSS of the Premier League sites, and the results are, sadly, not surprising — an average homepage is bloated with CSS.

Writing Good Alt Text

Jake Archibald and Surma explain that context and emotion matter when writing alt text for images.

Watch video

Promoted Link (via ThoughtLeaders)

Get Your Free .design Domain Name!

Thinking of building your portfolio? .design is like .com and .net, but it’s more relevant to what you do as a designer. Your .design name comes with free email, SSL, & a Site Builder.

Grab Your Free Name Before It's Gone!

Tools

Glassmorphism CSS Generator

An online tool to create an effect based on background blur with transparency that uses stacked layers to show the depth and context of the interface.

Check it out