Time to read: under 3 minutes
#510
August 21, 2024
Read on the web
Hey Designers!
This week we have:
* hand icons * typography anatomy * design trends * right image format * CSS tweaks * and more…
How to Design Hand Icons
Hands are notoriously challenging to design in the iconography field. Streamline decided to share their process.
STREAMLINE
Typography Anatomy: Understanding the Parts of a Letter
Neel Dozome talks about typography anatomy to better understand its importance in UX design for creating beautiful, easily legible text.
NEEL DOZOME
No Code Map App: build custom interactive maps in minutes
The easiest way to make on-brand, custom interactive maps – just pick a template then customise it with your data and branding.
Works with any spreadsheet, Google Sheets, Airtable or Webflow CMS. Complete design control and publish anywhere.
Try it for free
Sponsor
Things to Do Before Asking “Is This Accessible?”
A quick list of questions to understand if something is accessible.
ADRIAN ROSELLI
Graphic Design Trends 2024
A curated selection of graphic design trends anticipated for the year 2024.
CODEART
Harnessing UI Complexity for Better UX
In this article, René Morency explores strategic friction in UX/UI design to boost engagement and retention. Balance key touch points and help get users unstuck.
RENÉ MORENCY
SNIPPETS
* 📖 The State of CSS 2024 survey is open.
* 🤡 The largest library of Avatars in the world
* 🛠 Gradient Generator v2 (CSS & SVG export)
Choose the Right Image Format
Selecting the right image format is the first step in delivering optimized images on your website. This post helps you to make the right choice.
WEB DEV
Is CSS Grid Really Slower than Flexbox?
Ben Frain did a test to find the answer.
BEN FRAIN
▶️ Very Small CSS Tweaks for Better Forms
Kevin Powell explains how to replicate the :user-valid using :not(:placeholder-shown), among other small tweaks.
KEVIN POWELL
All About JavaScript Loops
Erick Merchant explores the different types of loops, what we can `do` with `each`of one, and why you might use one over another.
ERICK MERCHANT
Understanding CSS Box Model Stylesheet
In this article, Arsalan delves into the intricacies of the `CSS Box Model`, breaking down its components and exploring practical applications and advanced techniques.
ARSALAN
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.
#510
August 21, 2024
Read on the web
Hey Designers!
This week we have:
* hand icons * typography anatomy * design trends * right image format * CSS tweaks * and more…
How to Design Hand Icons
Hands are notoriously challenging to design in the iconography field. Streamline decided to share their process.
STREAMLINE
Typography Anatomy: Understanding the Parts of a Letter
Neel Dozome talks about typography anatomy to better understand its importance in UX design for creating beautiful, easily legible text.
NEEL DOZOME
No Code Map App: build custom interactive maps in minutes
The easiest way to make on-brand, custom interactive maps – just pick a template then customise it with your data and branding.
Works with any spreadsheet, Google Sheets, Airtable or Webflow CMS. Complete design control and publish anywhere.
Try it for free
Sponsor
Things to Do Before Asking “Is This Accessible?”
A quick list of questions to understand if something is accessible.
ADRIAN ROSELLI
Graphic Design Trends 2024
A curated selection of graphic design trends anticipated for the year 2024.
CODEART
Harnessing UI Complexity for Better UX
In this article, René Morency explores strategic friction in UX/UI design to boost engagement and retention. Balance key touch points and help get users unstuck.
RENÉ MORENCY
SNIPPETS
* 📖 The State of CSS 2024 survey is open.
* 🤡 The largest library of Avatars in the world
* 🛠 Gradient Generator v2 (CSS & SVG export)
Choose the Right Image Format
Selecting the right image format is the first step in delivering optimized images on your website. This post helps you to make the right choice.
WEB DEV
Is CSS Grid Really Slower than Flexbox?
Ben Frain did a test to find the answer.
BEN FRAIN
▶️ Very Small CSS Tweaks for Better Forms
Kevin Powell explains how to replicate the :user-valid using :not(:placeholder-shown), among other small tweaks.
KEVIN POWELL
All About JavaScript Loops
Erick Merchant explores the different types of loops, what we can `do` with `each`of one, and why you might use one over another.
ERICK MERCHANT
Understanding CSS Box Model Stylesheet
In this article, Arsalan delves into the intricacies of the `CSS Box Model`, breaking down its components and exploring practical applications and advanced techniques.
ARSALAN
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.