Time to read: under 3 minutes
#524
March 19, 2025
Read on the web
Hey Designers! 👋
This week we have:
* landing page best practices
* are breadcrumbs obsolete?
* transparent inner borders
* mobile-first a priority? * and more…
DESIGN
🎥 Should Web Design be Mobile-first?
Many people argue that web design must prioritize a “mobile-first” approach. But what exactly does this mean, and is it important?
FLUX ACADEMY
Breadcrumbs Are Dead in Web Design
In this article, Noah Davis dives into the design evolution, the shifting UX landscape, and the undeniable fact that the once-heroic breadcrumb navigation system has become a relic.
NOAH DAVIS
7 Best Landing Page Design Practices to Boost Conversions
Boost conversions with 7 landing page design best practices. Learn expert tips on strategy, UX, copy, forms, and A/B testing to maximize results.
HIMANSHU RAIKWAR
When Design Deceives: What is a Dark Pattern and How to Avoid Them
While dark patterns tactics might boost short-term conversions or revenue, they can severely damage long-term customer trust and loyalty. How can we, as designers, effectively address this situation?
NEEHARIKA S R
In Praise of Off-Screen Menus
Jason Bradberry challenges the ideals of displaying your entire navigation as a cluster of links and presents a case for exploring off-screen menus where the context is right for it.
JASON BRADBERRY
🛠 TOOLS
🧬 Special HTML Symbols – Explore and copy a wide range of HTML symbols to enhance your designs
🎨 MotifyX – Curated collection of modern background patterns
DEV
🎥 Wrapper Classes: A Layout Foundation
In this video, Kevin Powell demonstrates how to achieve consistent layouts by utilizing alternating background colors.
KEVIN POWELL
Super Crispy SVG Icons
Alex’s intense and meticulous approach to crafting exceptionally sharp icons.
ALEX DUNCAN
Transparent Inner Border for Images
A simple code to add a fancy transparent inner border to image elements.
TEMANI AFIF
Self Gap
Ahmad Shadeed method for creating a custom gap between specific flex or grid items.
AHMAD SHADEED
🔗 Styling counters in CSS
🔗 Understanding CSS margin vs. padding: Key differences and when to use each
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.
#524
March 19, 2025
Read on the web
Hey Designers! 👋
This week we have:
* landing page best practices
* are breadcrumbs obsolete?
* transparent inner borders
* mobile-first a priority? * and more…
DESIGN
🎥 Should Web Design be Mobile-first?
Many people argue that web design must prioritize a “mobile-first” approach. But what exactly does this mean, and is it important?
FLUX ACADEMY
Breadcrumbs Are Dead in Web Design
In this article, Noah Davis dives into the design evolution, the shifting UX landscape, and the undeniable fact that the once-heroic breadcrumb navigation system has become a relic.
NOAH DAVIS
7 Best Landing Page Design Practices to Boost Conversions
Boost conversions with 7 landing page design best practices. Learn expert tips on strategy, UX, copy, forms, and A/B testing to maximize results.
HIMANSHU RAIKWAR
When Design Deceives: What is a Dark Pattern and How to Avoid Them
While dark patterns tactics might boost short-term conversions or revenue, they can severely damage long-term customer trust and loyalty. How can we, as designers, effectively address this situation?
NEEHARIKA S R
In Praise of Off-Screen Menus
Jason Bradberry challenges the ideals of displaying your entire navigation as a cluster of links and presents a case for exploring off-screen menus where the context is right for it.
JASON BRADBERRY
🛠 TOOLS
🧬 Special HTML Symbols – Explore and copy a wide range of HTML symbols to enhance your designs
🎨 MotifyX – Curated collection of modern background patterns
DEV
🎥 Wrapper Classes: A Layout Foundation
In this video, Kevin Powell demonstrates how to achieve consistent layouts by utilizing alternating background colors.
KEVIN POWELL
Super Crispy SVG Icons
Alex’s intense and meticulous approach to crafting exceptionally sharp icons.
ALEX DUNCAN
Transparent Inner Border for Images
A simple code to add a fancy transparent inner border to image elements.
TEMANI AFIF
Self Gap
Ahmad Shadeed method for creating a custom gap between specific flex or grid items.
AHMAD SHADEED
🔗 Styling counters in CSS
🔗 Understanding CSS margin vs. padding: Key differences and when to use each
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.