Time to read: under 3 minutes
#515
October 30, 2024
Read on the web
Hey Designers!
This week we have:
* UI/UX psychology * how not to use color in web design * top front-end tips * content-aware components * and more…
Designing with Purpose: The Psychological Keys to Effective UI/UX
Effective UI/UX design isn’t just about how something looks, but how it feels and functions. By understanding the psychological triggers that guide user behavior, designers can create interfaces that not only look good but also connect with users on a subconscious level. In this article, PySquad dives into how psychological principles shape effective UI/UX design.
PYSQUAD
3 Essential Design Trends, November 2024
Carrie Cousins shows how touchable texture, distinct grids, and two-column designs are some of the most trending website design elements of November 2024.
CARRIE COUSINS
🎥 How NOT to Use Color in Web Design
Matt shows you how to improve the application of color to your website layouts.
FLUX ACADEMY
The Art of Dashboard UI Design
Learn how effective dashboard UI design transforms complex data into actionable insights, empowering organisations to make informed decisions.
RENE MORENCY
♿ What Makes a Font Accessible? A Designer’s Guide
Discover the key characteristics of accessible fonts and learn best practices for selecting and combining typefaces that ensure readability for all users.
ANDREE LANGE
MISC
* 🌐 15 websites that changed the Internet
* 🆕 New CSS logo?
* 🛠 Tailwind gradient generator
🎥 My Top 5 Most Popular Front-End Tips
In this video, Kevin Powell looks at what he called the console.log() of CSS, light and dark mode favicons, number inputs, how modern CSS is magic, and how to escape tutorial hell.
KEVIN POWELL
Fresh Resources for Web Designers and Developers (October 2024)
In this edition, Hongkiat gathered some exciting new resources for web developers, with a focus on the PHP ecosystem.
HONGKIAT LIM
Making Content-Aware Components Using CSS :has(), grid, and Quantity Queries
Eric Bailey teaches us how to make a hyper-resilient component that responds not only to the container, but other languages too.
ERIC BAILEY
CSS min() All The Things
Victor Ayomipo experiments with the CSS `min()` function, exploring its flexibility with different units to determine if it is the be-all, end-all for responsiveness. Discover the cautions he highlights against dogmatic approaches to web design based on his findings.Drawing a faux-3D blob with HTML and CSS.
VICTOR AYOMIPO
🎥 Drawing with CSS: Pear-Shaped Blob
Alvaro Montoro draws a faux-3D blob with HTML and CSS. Amazing skills!
ALVARO MONTORO
Clarifying the Relationship Between Popovers and Dialogs
Pop quiz! What’s the difference between a Popover element and a Dialog element? The answer is not all that clear and is widely misunderstood, but Zell has a clear way to explain it so that you know which element to reach for in your work.
ZELL LIEW
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.
#515
October 30, 2024
Read on the web
Hey Designers!
This week we have:
* UI/UX psychology * how not to use color in web design * top front-end tips * content-aware components * and more…
Designing with Purpose: The Psychological Keys to Effective UI/UX
Effective UI/UX design isn’t just about how something looks, but how it feels and functions. By understanding the psychological triggers that guide user behavior, designers can create interfaces that not only look good but also connect with users on a subconscious level. In this article, PySquad dives into how psychological principles shape effective UI/UX design.
PYSQUAD
3 Essential Design Trends, November 2024
Carrie Cousins shows how touchable texture, distinct grids, and two-column designs are some of the most trending website design elements of November 2024.
CARRIE COUSINS
🎥 How NOT to Use Color in Web Design
Matt shows you how to improve the application of color to your website layouts.
FLUX ACADEMY
The Art of Dashboard UI Design
Learn how effective dashboard UI design transforms complex data into actionable insights, empowering organisations to make informed decisions.
RENE MORENCY
♿ What Makes a Font Accessible? A Designer’s Guide
Discover the key characteristics of accessible fonts and learn best practices for selecting and combining typefaces that ensure readability for all users.
ANDREE LANGE
MISC
* 🌐 15 websites that changed the Internet
* 🆕 New CSS logo?
* 🛠 Tailwind gradient generator
🎥 My Top 5 Most Popular Front-End Tips
In this video, Kevin Powell looks at what he called the console.log() of CSS, light and dark mode favicons, number inputs, how modern CSS is magic, and how to escape tutorial hell.
KEVIN POWELL
Fresh Resources for Web Designers and Developers (October 2024)
In this edition, Hongkiat gathered some exciting new resources for web developers, with a focus on the PHP ecosystem.
HONGKIAT LIM
Making Content-Aware Components Using CSS :has(), grid, and Quantity Queries
Eric Bailey teaches us how to make a hyper-resilient component that responds not only to the container, but other languages too.
ERIC BAILEY
CSS min() All The Things
Victor Ayomipo experiments with the CSS `min()` function, exploring its flexibility with different units to determine if it is the be-all, end-all for responsiveness. Discover the cautions he highlights against dogmatic approaches to web design based on his findings.Drawing a faux-3D blob with HTML and CSS.
VICTOR AYOMIPO
🎥 Drawing with CSS: Pear-Shaped Blob
Alvaro Montoro draws a faux-3D blob with HTML and CSS. Amazing skills!
ALVARO MONTORO
Clarifying the Relationship Between Popovers and Dialogs
Pop quiz! What’s the difference between a Popover element and a Dialog element? The answer is not all that clear and is widely misunderstood, but Zell has a clear way to explain it so that you know which element to reach for in your work.
ZELL LIEW
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.