Time to read: under 3 minutes
#527
May 14, 2025
Read on the web
Hey Designers! 👋
This week we have:
* balanced web design
* sustainable websites * 5 css tips * easier layouts * and more…
DESIGN
🎥 Achieving Balance in (Web) Design
Symmetry is the simplest way to achieve balance, but balance and symmetry and not the same things! Matt Brunton encourages you to stop centering everything, and shows you why and how to create asymmetrical layouts.
MATT BRUNTON
10 Ways to Create More Sustainable Websites
Here are ten sustainable web design practices to reduce the environmental impact of our websites.
CHRIS MYHILL
The Future of Web Design: Will We Even Recognize It in 100 Years?
Technology is changing the way we design faster than we can update our portfolios, and this is likely just the tip of the iceberg. Will websites become obsolete?
NOAH DAVIS
🎥 Easily Improve Your Web Design with AI
We hear so many people say that AI will be the end of creativity, but Ran Segall actually thinks the opposite, and he’s going to show why.
RAN SEGALL
How to Create an Animated Lottie logo
Learn how to make a Lottie animation by preparing your Adobe Illustrator files for animation in After Effects. This tutorial covers organizing layers, optimizing vector graphics, and creating an animated logo.
DREW MACDONALD
DID YOU KNOW?
🌐 95% of homepages are inaccessible
DEV
🎥 5 CSS Tips Every Developer Should Know
A look at 5 useful CSS tips and tricks, like single-colour gradients, the user-select property, masks, escaping scroll containers, and more.
KEVIN POWELL
Modern Scroll Shadows Using Scroll-Driven Animations
Kevin Hamer explains how to have scroll shadows using a CSS `mask` to fade out the edges of the scrollable element. This approach still uses `animation-timeline`, but he uses custom properties instead of pseudo-elements.
KEVIN HAMER
Hiding Elements That Require Javascript Without Javascript
With a mere 7 lines (or a one-liner if you’re nasty), you can easily hide elements that require JavaScript so that you don’t end up with broken functionality visible to users who have JavaScript off.
DADE
Easier Layout with ‘margin-trim’
Jen Simmons has unveiled margin-trim, an innovative CSS property designed to streamline layouts by automatically trimming the margins of child elements right at the edges of their containers.
JEN SIMMONS
How Classic Cartoons Inspire Modern CSS
In this article, Andy Clarke shows how he developed Emmy-winning composer Mike Worth’s new website, using CSS to craft engaging and fun animations that bring his world to life.
ANDY CLARKE
Comments or feedback?
Want to submit an article?
Hit reply to this email!
Never want to hear from us again? Break our hearts and unsubscribe.
#527
May 14, 2025
Read on the web
Hey Designers! 👋
This week we have:
* balanced web design
* sustainable websites * 5 css tips * easier layouts * and more…
DESIGN
🎥 Achieving Balance in (Web) Design
Symmetry is the simplest way to achieve balance, but balance and symmetry and not the same things! Matt Brunton encourages you to stop centering everything, and shows you why and how to create asymmetrical layouts.
MATT BRUNTON
10 Ways to Create More Sustainable Websites
Here are ten sustainable web design practices to reduce the environmental impact of our websites.
CHRIS MYHILL
The Future of Web Design: Will We Even Recognize It in 100 Years?
Technology is changing the way we design faster than we can update our portfolios, and this is likely just the tip of the iceberg. Will websites become obsolete?
NOAH DAVIS
🎥 Easily Improve Your Web Design with AI
We hear so many people say that AI will be the end of creativity, but Ran Segall actually thinks the opposite, and he’s going to show why.
RAN SEGALL
How to Create an Animated Lottie logo
Learn how to make a Lottie animation by preparing your Adobe Illustrator files for animation in After Effects. This tutorial covers organizing layers, optimizing vector graphics, and creating an animated logo.
DREW MACDONALD
DID YOU KNOW?
🌐 95% of homepages are inaccessible
DEV
🎥 5 CSS Tips Every Developer Should Know
A look at 5 useful CSS tips and tricks, like single-colour gradients, the user-select property, masks, escaping scroll containers, and more.
KEVIN POWELL
Modern Scroll Shadows Using Scroll-Driven Animations
Kevin Hamer explains how to have scroll shadows using a CSS `mask` to fade out the edges of the scrollable element. This approach still uses `animation-timeline`, but he uses custom properties instead of pseudo-elements.
KEVIN HAMER
Hiding Elements That Require Javascript Without Javascript
With a mere 7 lines (or a one-liner if you’re nasty), you can easily hide elements that require JavaScript so that you don’t end up with broken functionality visible to users who have JavaScript off.
DADE
Easier Layout with ‘margin-trim’
Jen Simmons has unveiled margin-trim, an innovative CSS property designed to streamline layouts by automatically trimming the margins of child elements right at the edges of their containers.
JEN SIMMONS
How Classic Cartoons Inspire Modern CSS
In this article, Andy Clarke shows how he developed Emmy-winning composer Mike Worth’s new website, using CSS to craft engaging and fun animations that bring his world to life.
ANDY CLARKE
Comments or feedback?
Want to submit an article?
Hit reply to this email!
Never want to hear from us again? Break our hearts and unsubscribe.