Time to read: under 3 minutes Β βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ β
#505
June 19, 2024
Read on the web
β
Hey Designers!
Β
This week we have:
* Glassmorphism * Common fate UI design * Hidden or disabled? * Floating buttons * and more…
β
Glassmorphism: Definition and Best Practices
Megan Brown shares three best practices when incorporating glass-like materials into your design system.
MEGAN BROWN
Common Fate: Gestalt Principle for User Interface Design
Nemooh explores how the Common Fate principle can make our interfaces more intuitive and user-friendly.
NEMOHHH
Designer Engagement Report
Top 3 problems for designers: no research, no design strategy, and no career progression. Check Matej Latin conclusions in this report.
MATEJ LATIN
Hidden vs. Disabled In UX
Should you hide or disable a feature? Youβve probably been there before. Here are some considerations for hiding versus disabling, along with possible alternatives to improve UX.
VITALY FRIEDMAN
Menu-Design Checklist: 17 UX Guidelines
People rely on menus to find content and use features. Use this checklist to make sure your menus do their job.
PAGE LAUBHEIMER
π Intro to colour contrast
SNIPPETS
π€ Find any font from any image
π‘ Get logo ideas from real-companies
π΄ A font composed entirely of colored circles
πͺ Should you ditch Photoshop with immediate effect?
Letβs Make a Floating Button Sign Up Form Pattern
Andy Bell tackles an age-old design pattern and build it with nice, simple CSS.
PICCALILLI
Fluid Breakout Layout with CSS Grid
Define a universal fluid layout that handles multiple ‘breakout’ elements, using CSS Grid.
NATHAN LONG
What Are CSS Container Style Queries Good For?
Juan Diego RodrΓguez delves into style queries. He explains what exactly they are solving and what sort of use cases we have for them.
JUAN DIEGO RODRΓGUEZ
Responsive Posters in CSS
Robin Rendle explains how to make a slanted background pattern with just CSS.
ROBIN RENDLE
CSS Container Queries
Geoff Graham explains why you should care about CSS Container Queries.
GEOFF GRAHAM
π A rare use case for em units
π Building a responsive menu with CSS (and no JavaScript)
π One of the Boss Battles of CSS is Almost Won! Transitioning to Auto
β
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.
#505
June 19, 2024
Read on the web
β
Hey Designers!
Β
This week we have:
* Glassmorphism * Common fate UI design * Hidden or disabled? * Floating buttons * and more…
β
Glassmorphism: Definition and Best Practices
Megan Brown shares three best practices when incorporating glass-like materials into your design system.
MEGAN BROWN
Common Fate: Gestalt Principle for User Interface Design
Nemooh explores how the Common Fate principle can make our interfaces more intuitive and user-friendly.
NEMOHHH
Designer Engagement Report
Top 3 problems for designers: no research, no design strategy, and no career progression. Check Matej Latin conclusions in this report.
MATEJ LATIN
Hidden vs. Disabled In UX
Should you hide or disable a feature? Youβve probably been there before. Here are some considerations for hiding versus disabling, along with possible alternatives to improve UX.
VITALY FRIEDMAN
Menu-Design Checklist: 17 UX Guidelines
People rely on menus to find content and use features. Use this checklist to make sure your menus do their job.
PAGE LAUBHEIMER
π Intro to colour contrast
SNIPPETS
π€ Find any font from any image
π‘ Get logo ideas from real-companies
π΄ A font composed entirely of colored circles
πͺ Should you ditch Photoshop with immediate effect?
Letβs Make a Floating Button Sign Up Form Pattern
Andy Bell tackles an age-old design pattern and build it with nice, simple CSS.
PICCALILLI
Fluid Breakout Layout with CSS Grid
Define a universal fluid layout that handles multiple ‘breakout’ elements, using CSS Grid.
NATHAN LONG
What Are CSS Container Style Queries Good For?
Juan Diego RodrΓguez delves into style queries. He explains what exactly they are solving and what sort of use cases we have for them.
JUAN DIEGO RODRΓGUEZ
Responsive Posters in CSS
Robin Rendle explains how to make a slanted background pattern with just CSS.
ROBIN RENDLE
CSS Container Queries
Geoff Graham explains why you should care about CSS Container Queries.
GEOFF GRAHAM
π A rare use case for em units
π Building a responsive menu with CSS (and no JavaScript)
π One of the Boss Battles of CSS is Almost Won! Transitioning to Auto
β
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.