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.
The Best Font Loading Strategies and How to Execute Them
Zell Liew outlines the best font loading strategies and how to execute them.
From Our Sponsor
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.
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.
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.
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.
Pattern Generator
An online generator to create unique, seamless patterns customizable with colors, filters, and transforms.
Inspiration
Table TenniCSS
Amit Sheen created a stunning animation using only CSS.
Until Next Week
Thanks for reading! If you find the content valuable, please consider supporting the newsletter on Patreon.
Happy coding,
Zoran Jambor
Go to Source of this post
Author Of this post: Zoran Jambor
Title Of post: Issue #449
Author Link: {authorlink}