Time to read: under 3 minutes
#525
April 2, 2025
Read on the web
Hey Designers! 👋
This week we have:
* Flat design
* Cursive fonts * Portfolio review * Knit grotesk * and more…
DESIGN
🎥 Flat Design is Ending, Finally. What next?
In this video, Gary Simon is going to give a brief history lesson of web 2.0, flat design, and also where we’re heading into 2025 and beyond.
GARY SIMON
Best Free Thick Cursive Fonts for 2025
In this curated guide, we find 20+ handpicked thick cursive fonts, all free to download.
CSS AUTHOR
My Weirdest A/B Test Blew Everyone’s Mind
Tom created a test where he blurs the background. The results are amazing.
TOM ORBACH
🎥 Hire/Not-Hired: Fast Portfolio Reviews
Over 100 people sent their portfolio link to Ran Segall to find out if they were good enough to get hired! He’s giving each site 15 seconds to impress him and then shares his honest feedback on why he would or wouldn’t hire them.
RAN SEGALL
Knit Grotesk
Colorful and creative one-pager demonstrating all the use cases possible with the Knit Grotesk typeface.
One Page Lover
🤖 AI
🤠 The problem with AI generated personas…
📸 Transform your photo into artistic masterpiece with ChatGPT
🌄 Free industry leading AI photo upscaler
DEV
🎥 Create a Fun Quick Text Flip Effect
In this short video, Kevin Powell explains how to create a text flip animation.
KEVIN POWELL
A Fluid CSS Methodology
Willy Brauner combined the best practices from various team methodologies to create his own, enhancing responsiveness and simplifying maintenance.
WILLY BRAUNER
A New Way to Draw Separators in CSS
There are techniques you can use today to draw separator lines with CSS, but they also come with limitations. In this article, Kevin introduces CSS gap decorations to address this issue.
KEVIN BABBITT
Animating Letters with Shaders: Interactive Text Effect
A beginner-friendly tutorial that explores how to create a dynamic text displacement effect using Three.js and custom shaders.
PAOLA DEMICHELIS
🔗 How to create and animate SVG spinners and loaders
🔗 Case Study: Combining Cutting-Edge CSS Features Into a “Course Navigation” Component
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.
#525
April 2, 2025
Read on the web
Hey Designers! 👋
This week we have:
* Flat design
* Cursive fonts * Portfolio review * Knit grotesk * and more…
DESIGN
🎥 Flat Design is Ending, Finally. What next?
In this video, Gary Simon is going to give a brief history lesson of web 2.0, flat design, and also where we’re heading into 2025 and beyond.
GARY SIMON
Best Free Thick Cursive Fonts for 2025
In this curated guide, we find 20+ handpicked thick cursive fonts, all free to download.
CSS AUTHOR
My Weirdest A/B Test Blew Everyone’s Mind
Tom created a test where he blurs the background. The results are amazing.
TOM ORBACH
🎥 Hire/Not-Hired: Fast Portfolio Reviews
Over 100 people sent their portfolio link to Ran Segall to find out if they were good enough to get hired! He’s giving each site 15 seconds to impress him and then shares his honest feedback on why he would or wouldn’t hire them.
RAN SEGALL
Knit Grotesk
Colorful and creative one-pager demonstrating all the use cases possible with the Knit Grotesk typeface.
One Page Lover
🤖 AI
🤠 The problem with AI generated personas…
📸 Transform your photo into artistic masterpiece with ChatGPT
🌄 Free industry leading AI photo upscaler
DEV
🎥 Create a Fun Quick Text Flip Effect
In this short video, Kevin Powell explains how to create a text flip animation.
KEVIN POWELL
A Fluid CSS Methodology
Willy Brauner combined the best practices from various team methodologies to create his own, enhancing responsiveness and simplifying maintenance.
WILLY BRAUNER
A New Way to Draw Separators in CSS
There are techniques you can use today to draw separator lines with CSS, but they also come with limitations. In this article, Kevin introduces CSS gap decorations to address this issue.
KEVIN BABBITT
Animating Letters with Shaders: Interactive Text Effect
A beginner-friendly tutorial that explores how to create a dynamic text displacement effect using Three.js and custom shaders.
PAOLA DEMICHELIS
🔗 How to create and animate SVG spinners and loaders
🔗 Case Study: Combining Cutting-Edge CSS Features Into a “Course Navigation” Component
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.