Time to read: under 3 minutes
#506
June 27, 2024
Read on the web
Hey Designers!
This week we have:
* Breakpoints in Responsive Design * Hard truth for young designers * Design trends * The latest in CSS * and more…
▶️ Breakpoints in Responsive Design: What & Why
Breakpoints determine when a webpage may adjust to different layouts. They help designers (and developers) maintain layout consistency across multiple screen sizes, orientations, and devices. Kelley talks about them in a 2 min. video.
KELLEY GORDON
5 Hard Truths For Young Designers
Stop reading right now if you’re looking for feel-good advice. This is not going to be that kind of article.
TOBIAS VAN SCHNEIDER
Gestalt Principle for User Interface Design
This design principle helps users navigate your interface by creating visual pathways. Nemohhh explores how Continuation can make designs clear and intuitive.
NEMOHHH
The Rise and Fall of Design Platforms
Muzli walks us down the memory lane and remembers the legendary tools, companies, and sources that have cemented their place in the Design Hall of Fame.
MUZLI
🔗 3 Essential Design Trends, July 2024
SNIPPETS
🗞 Notion Sites takes Notion sites up a level
🖼 Free placeholder logo for your design/mockup
🐣 Bring static logos to life with an AI-powered generation tool
🤐 Compress JPEG, PNG, WEBP, AVIF, SVG and GIF images intelligently
▶️ The latest in CSS and web UI: I/O 2024 recap
Get a rundown of all the things developers should know that landed in the browser for UI development since the last I/O, plus what’s on the product roadmap.
UNA KRAVETS
Opinions for Writing Good CSS
CSS is a flexible language that requires opinions to be written well and consistently. Here are some of Andrew Walpole’s opinions on writing good CSS.
ANDREW WALPOLE
Inline Conditionals in CSS, now?
What can you do when you need conditionals right now? Lea Verou reveals hacks that enable us to expose the kinds of higher level custom properties that conditionals enable.
LEA VEROU
How To Create Cut-Out Shapes using The clip-path property
A few CSS tricks to invert any kind of polygon shape (cut-out shapes)
TEMANI AFIF
▶️ Stunning Staggered CSS Animation/Transition on Page Load
Find out how to create a stunning staggered fade-in animation on page load with pure CSS, using Transitions, @starting-style at-rule, and Custom Properties.
ZORAN JAMBOR
🔗 Useful CSS Tips And Techniques
📹 Web Design Engineering With the New CSS
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.
#506
June 27, 2024
Read on the web
Hey Designers!
This week we have:
* Breakpoints in Responsive Design * Hard truth for young designers * Design trends * The latest in CSS * and more…
▶️ Breakpoints in Responsive Design: What & Why
Breakpoints determine when a webpage may adjust to different layouts. They help designers (and developers) maintain layout consistency across multiple screen sizes, orientations, and devices. Kelley talks about them in a 2 min. video.
KELLEY GORDON
5 Hard Truths For Young Designers
Stop reading right now if you’re looking for feel-good advice. This is not going to be that kind of article.
TOBIAS VAN SCHNEIDER
Gestalt Principle for User Interface Design
This design principle helps users navigate your interface by creating visual pathways. Nemohhh explores how Continuation can make designs clear and intuitive.
NEMOHHH
The Rise and Fall of Design Platforms
Muzli walks us down the memory lane and remembers the legendary tools, companies, and sources that have cemented their place in the Design Hall of Fame.
MUZLI
🔗 3 Essential Design Trends, July 2024
SNIPPETS
🗞 Notion Sites takes Notion sites up a level
🖼 Free placeholder logo for your design/mockup
🐣 Bring static logos to life with an AI-powered generation tool
🤐 Compress JPEG, PNG, WEBP, AVIF, SVG and GIF images intelligently
▶️ The latest in CSS and web UI: I/O 2024 recap
Get a rundown of all the things developers should know that landed in the browser for UI development since the last I/O, plus what’s on the product roadmap.
UNA KRAVETS
Opinions for Writing Good CSS
CSS is a flexible language that requires opinions to be written well and consistently. Here are some of Andrew Walpole’s opinions on writing good CSS.
ANDREW WALPOLE
Inline Conditionals in CSS, now?
What can you do when you need conditionals right now? Lea Verou reveals hacks that enable us to expose the kinds of higher level custom properties that conditionals enable.
LEA VEROU
How To Create Cut-Out Shapes using The clip-path property
A few CSS tricks to invert any kind of polygon shape (cut-out shapes)
TEMANI AFIF
▶️ Stunning Staggered CSS Animation/Transition on Page Load
Find out how to create a stunning staggered fade-in animation on page load with pure CSS, using Transitions, @starting-style at-rule, and Custom Properties.
ZORAN JAMBOR
🔗 Useful CSS Tips And Techniques
📹 Web Design Engineering With the New CSS
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.