Hey Designers! 👋

This week we have:

• balanced web design

• sustainable websites
• 5 css tips
• easier layouts
• and more…

🎥 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

🌐 95% of homepages are inaccessible

🎥 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.