Time to read: under 3 minutes
#516
November 13, 2024
Read on the web
Hey Designers!
This week we have:
* beautiful simple websites * grid design trend * perfect colour palette * focus outlines * and more…
🎥 Best and Fastest Way to Design Beautiful Websites
Matt shares a framework, and lots of examples, to help you design beautiful websites, fast.
FLUX ACADEMY
Making the Most of the Visible Grid Web Design Trend
Brenda Barron explains how grids are no longer relegated to just being a background tool and instead are used to make a bold design statement.
BRENDA BARRON
Choosing The Perfect Colour Palette For Your Website
This article examines the color wheel and explores 4 factors to consider when choosing the perfect palette.
REBECCA BARNATT-SMITH
7 Simple Button Design Tips That Make a Big Impact
In this article, Esha Shaikh shares a few useful tips about a clickable button design. You can create easily visually appealing and user-friendly buttons with these tips.
ESHA SHAIKH
Color Psychology in UX Design
This article explores the fundamentals of color psychology, color selection methods, and successful examples in UX design.
UX-NEWS
FROM OUR READERS
One of our readers have authored this new CMS. Take a look!
Klay.dev – CMS has never been this easy
Beautiful Focus Outlines
This article explains why focus outlines are fundamental to an accessible web – they’re not just a nice-to-have, but a core part of how many people navigate our websites.
MEDIEN BAECKER
How to Create an Organic Text Distortion Effect with Infinite Scrolling
Learn how to create an organic distortion effect for text using JavaScript and CSS for a unique, fluid animation.
JORGE TOLOZA
🎥 Center the Bottom Row When Using Grid Auto-Fit
Grid’s auto-fit is amazing, but sometimes it would be nice if the bottom row could be centered instead of always starting on the left side. Kevin Powell figured out a way to do it!
JEVIN POWELL
Build an Infinite Horizontal Scrolling Logo Display With Pure CSS
This tutorial will walk you through building an infinite scroll effect with added hover effects that allow the user to pause scrolling and scale each logo slightly when hovered.
JSDEV
A Friendly Introduction to Container Queries
It’s been a couple of years since container queries started landing in browsers… so why isn’t anyone using them? It turns out that container queries are kinda tricky; they’re not as straightforward as media queries. In this tutorial, Joshua Comeau breaks it all down and make sense of them, so that you can start using them in your work.
JOSHUA COMEAU
🔗 What’s New in JavaScript (2024)
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.
#516
November 13, 2024
Read on the web
Hey Designers!
This week we have:
* beautiful simple websites * grid design trend * perfect colour palette * focus outlines * and more…
🎥 Best and Fastest Way to Design Beautiful Websites
Matt shares a framework, and lots of examples, to help you design beautiful websites, fast.
FLUX ACADEMY
Making the Most of the Visible Grid Web Design Trend
Brenda Barron explains how grids are no longer relegated to just being a background tool and instead are used to make a bold design statement.
BRENDA BARRON
Choosing The Perfect Colour Palette For Your Website
This article examines the color wheel and explores 4 factors to consider when choosing the perfect palette.
REBECCA BARNATT-SMITH
7 Simple Button Design Tips That Make a Big Impact
In this article, Esha Shaikh shares a few useful tips about a clickable button design. You can create easily visually appealing and user-friendly buttons with these tips.
ESHA SHAIKH
Color Psychology in UX Design
This article explores the fundamentals of color psychology, color selection methods, and successful examples in UX design.
UX-NEWS
FROM OUR READERS
One of our readers have authored this new CMS. Take a look!
Klay.dev – CMS has never been this easy
Beautiful Focus Outlines
This article explains why focus outlines are fundamental to an accessible web – they’re not just a nice-to-have, but a core part of how many people navigate our websites.
MEDIEN BAECKER
How to Create an Organic Text Distortion Effect with Infinite Scrolling
Learn how to create an organic distortion effect for text using JavaScript and CSS for a unique, fluid animation.
JORGE TOLOZA
🎥 Center the Bottom Row When Using Grid Auto-Fit
Grid’s auto-fit is amazing, but sometimes it would be nice if the bottom row could be centered instead of always starting on the left side. Kevin Powell figured out a way to do it!
JEVIN POWELL
Build an Infinite Horizontal Scrolling Logo Display With Pure CSS
This tutorial will walk you through building an infinite scroll effect with added hover effects that allow the user to pause scrolling and scale each logo slightly when hovered.
JSDEV
A Friendly Introduction to Container Queries
It’s been a couple of years since container queries started landing in browsers… so why isn’t anyone using them? It turns out that container queries are kinda tricky; they’re not as straightforward as media queries. In this tutorial, Joshua Comeau breaks it all down and make sense of them, so that you can start using them in your work.
JOSHUA COMEAU
🔗 What’s New in JavaScript (2024)
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.