Time to read: under 3 minutes
#523
March 5, 2025
Read on the web
Hey Designers! 👋
This week we have:
* trending web design styles * common mistakes * 150-year-old font * scroll-based animations * and more…
DESIGN
🎥 10 Trending Web Design Styles for 2025
A regular diet of quality inspiration is a must for developing a designer’s style and taste. Check out these beautiful websites showcasing trending styles for 2025.
FLUX ACADEMY
Design Handoff Pitfalls: Common Mistakes and How to Avoid Them
In this article, Noah Davis dives deep into common mistakes that happen during design handoffs, exploring how they affect the project, and most importantly, offering solutions for avoiding them.
NOAH DAVIS
What Makes a Design Last for Decades?
In this article, Roshan Perera explores the key elements that contribute to a long-lasting logo and how you can create logos that stand strong for years to come.
ROSHAN PERERA
The Hardest Working Font in Manhattan
A story of a 150-year-old font you have never heard of – and one you probably saw earlier today.
MARCIN WICHARY
21 Psychological Elements that Power Effective Web Design
In this post, Mark explores 21 key psychological elements that power effective web design, that helps craft a site that resonates with users and achieves goals.
MARK WALKER-FORD
100 Days of Web Experiments: A Designer’s Journey into the Unknown
In this article, she shares the lessons learned from stepping outside her comfort zone, embracing imperfection, and rediscovering the fun in digital design.
SUZ SIRUNYAN
🤖 AI
🧬 Loras – Open-source AI image generator that allows you to create stylized images in seconds by entering a prompt.
🔍 Oh One Pro – Free utility that allows you to analyze PDFs, source code, and other documents using ChatGPT o1-pro. >> GitHub
🕷 GPT Crawler – Crawl a site to generate knowledge files to create your own custom GPT from a URL. >> GitHub
DEV
🎥 CSS Only Scroll-Based Animations — It’s so easy, and totally rad!
In this video, I’ll show you how to create scroll-driven animations where images move left and right as you scroll, all using pure CSS—no JavaScript needed!
THE ADMIN BAR
The Biggest Frontend Mistakes You Can Do
In this article, Nikola Perisic highlights some of these mistakes and show you how to avoid them.
NIKOLA PERISIC
Reimagining Fluid Typography
For many years, it has been ‘best practice’ to use relative units (especially `em` and `rem` ) for sizing text. That’s great! But after playing around with my user preferences, I think we can improve on the common approaches.
MIRIAM SUZANNE
How to Make Web Videos Way Smaller in 2025 Using the Av1 Codec
Learn to use AV1 to make videos on your website smaller and better quality. CLI instructions and cross-browser tricks.
EVIL MARTIANS
🔗 How I migrated from WordPress to Astro
🔗 How to create a “blob generator” tool in JavaScript
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.
#523
March 5, 2025
Read on the web
Hey Designers! 👋
This week we have:
* trending web design styles * common mistakes * 150-year-old font * scroll-based animations * and more…
DESIGN
🎥 10 Trending Web Design Styles for 2025
A regular diet of quality inspiration is a must for developing a designer’s style and taste. Check out these beautiful websites showcasing trending styles for 2025.
FLUX ACADEMY
Design Handoff Pitfalls: Common Mistakes and How to Avoid Them
In this article, Noah Davis dives deep into common mistakes that happen during design handoffs, exploring how they affect the project, and most importantly, offering solutions for avoiding them.
NOAH DAVIS
What Makes a Design Last for Decades?
In this article, Roshan Perera explores the key elements that contribute to a long-lasting logo and how you can create logos that stand strong for years to come.
ROSHAN PERERA
The Hardest Working Font in Manhattan
A story of a 150-year-old font you have never heard of – and one you probably saw earlier today.
MARCIN WICHARY
21 Psychological Elements that Power Effective Web Design
In this post, Mark explores 21 key psychological elements that power effective web design, that helps craft a site that resonates with users and achieves goals.
MARK WALKER-FORD
100 Days of Web Experiments: A Designer’s Journey into the Unknown
In this article, she shares the lessons learned from stepping outside her comfort zone, embracing imperfection, and rediscovering the fun in digital design.
SUZ SIRUNYAN
🤖 AI
🧬 Loras – Open-source AI image generator that allows you to create stylized images in seconds by entering a prompt.
🔍 Oh One Pro – Free utility that allows you to analyze PDFs, source code, and other documents using ChatGPT o1-pro. >> GitHub
🕷 GPT Crawler – Crawl a site to generate knowledge files to create your own custom GPT from a URL. >> GitHub
DEV
🎥 CSS Only Scroll-Based Animations — It’s so easy, and totally rad!
In this video, I’ll show you how to create scroll-driven animations where images move left and right as you scroll, all using pure CSS—no JavaScript needed!
THE ADMIN BAR
The Biggest Frontend Mistakes You Can Do
In this article, Nikola Perisic highlights some of these mistakes and show you how to avoid them.
NIKOLA PERISIC
Reimagining Fluid Typography
For many years, it has been ‘best practice’ to use relative units (especially `em` and `rem` ) for sizing text. That’s great! But after playing around with my user preferences, I think we can improve on the common approaches.
MIRIAM SUZANNE
How to Make Web Videos Way Smaller in 2025 Using the Av1 Codec
Learn to use AV1 to make videos on your website smaller and better quality. CLI instructions and cross-browser tricks.
EVIL MARTIANS
🔗 How I migrated from WordPress to Astro
🔗 How to create a “blob generator” tool in JavaScript
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.