Time to read: under 3 minutes  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌
 
#518
December 11, 2024
Read on the web
Hey Designers! 👋
 
This week we have:
* web design fads * headless e-commerce * off-grid design * scroll-text inversion * horizontal scroll * and more…
 
DESIGN
🎥 Web Design Fads That Will NOT Trend in 2025
Five fads that are already on their way out, and you’re probably better off avoiding altogether. 
FLUX ACADEMY
 
Deliver Flawless UIs with BrowserStack’s Visual Testing Suite
Struggling with visual bugs? BrowserStack’s Visual Testing Suite—Percy, App Percy & Visual Scanner—catches inconsistencies early, tests across 20,000+ devices, integrates with CI/CD, and ensures flawless UIs. Ship faster with confidence!
 
Get started for free!
SPONSOR
 
Headless E-Commerce: Explaining the Biggest Trend in E-Commerce
Discover the benefits of headless e-commerce, offering flexibility, customization, and scalability for a superior shopping experience across multiple platforms. Learn why it might be the future of online retail.
MACIEK CZERNIAK
♿ Top 25 Accessibility Tools for Web Designers in 2025
Discover the top 25 accessibility tools for web designers in 2025, featuring detailed insights on features, use cases, and links. Create inclusive websites that meet accessibility standards.
BEST WEB DESIGN TOOLS
Breaking the Grid: When and How to Go Off-Grid in Design
Designers are encouraged to follow the rules and use grids to create well-structured and “effective” designs. However, this also puts restraints on creativity. So, is it safe to go off-grid when creating designs? When should you use a grid-based design? What are the pros and cons? Roshan Perera explains.
ROSHAN PERERA
Psychological Principles For Effective Web Design
This article explores key psychological principles and provides real-world examples behind design.
EYDEN HAZE
 
NEWS
🎁 CSS wrapped 2024
💯 Top 100 most creative and unique portfolio websites of 2024
🥊 WordPress vs. WP Engine: What’s going on and what can you do about it? 
 
DEV
🎥 Pure CSS on Scroll Text Inversion
Ana Tudor explains how to invert text on scroll using a new feature called scroll-driven animations.
ANA TUDOR
More Options for Styling `

`
Bramus shares options to style `

`  and `

` with Chrome 131.
BRAMUS
Native HTML Light and Dark Color Scheme Switching
Vadim explains how to override a user’s OS preference if you want to offer a scheme selector on your page.
VADIM MAKEEV
How to Draw Basic Shapes with SVG – SVG Tutorial
In this tutorial, Hunor goes through 24 examples, from basic shapes through the SVG path element, to more advanced use cases where he combines SVG images with JavaScript and CSS.
HUNOR BORBÉLY
Create a Horizontal Scroller with CSS Grid
In this video, Kyle shows how to instantly improve the UI (especially on mobile) for any grids using just a few lines of CSS that create a simple horizontal scroller.
KYLE VAN DEUSEN
🔗 An Introduction to css-doodle
🔗 CSS vs. Sass: A complete guide to smarter web styling
 
 
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.