Time to read: under 3 minutes
#507
July 10, 2024
Read on the web
Hey Designers!
This week we have:
* Checkboxes * Designing for colorblind people * Designers learning to code * Layout and reading order * and more…
Checkboxes: Design Guidelines
If you want to offer users the flexibility of selecting one, multiple, or no items from a list, checkboxes are your friend. Maddie Brown’s article offers comprehensive guidelines for improving checkbox usability.
MADDIE BROWN
A Practical Guide to Designing for Colorblind People
This practical guide provides essential tips and strategies for designing with colorblind users in mind.
NAM LE THANH
The Time for Designers to Learn to Code Is Now
With design tools further commoditising and sanitising expected creative output, the time for designers to be able to stand out is very much here. For some, learning to code is a good route for that.
PICCALILLI
Design for the People: The US Web Design System and the Public Sans Typeface
In the US, there are about 26,000 federal websites. At first, each website had different designs, fonts, and login systems, which was frustrating for people and wasted government resources. Now it’s different.
JON KEEGAN
Design Finds: Detail Hovers on Images
A set of diverse image effects that reveal some more information on hover.
MANOELA ILIC
SNIPPETS
🌎 Tinyworldmap is a tiny world map for offline-first and low-bandwidth web apps
💪 The Browser Extension for managing colors in CSS Variables
🔣 CHUNK is a set of 600 consistent glyphs, at 16px
👩 A collection of innovations by women in the fields of computer science and technology…
▶️ Layout and Reading Order
During CSS Day 2024, Rachel talked about the nitty-gritty CSS layout stuff that doesn’t yet exist.
RACHEL ANDREW
15 Amazing Things You Can Do with Simple Javascript
Anmol shares some things we could do with Vanilla JavaScript, from email validation to setting the cursor to wait.
ANMOL BARANWAL
Pure CSS Logos from CodePen
A showcase of not only the power of pure CSS but also the ingenuity and creativity of many front-end developers.
FREEBIE SUPPLY
▶️ “Smart” Design Patterns with Container Queries
Container queries are more than just a media query that looks at the parent, it also is aware of the font-size of the parent, which opens up some interesting possibilities that media queries simply don’t do.
KEVIN POWELL
▶️ The Next Big Thing in CSS: margin-trim!
Learn why margin-trim is a game-changer for keeping your CSS clean and maintainable. Dmitry explains a problem he solves, explores different solutions that already exist, and demonstrates a neat demo using margin-trim at the end.
DMITRY MAYOROV
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.
#507
July 10, 2024
Read on the web
Hey Designers!
This week we have:
* Checkboxes * Designing for colorblind people * Designers learning to code * Layout and reading order * and more…
Checkboxes: Design Guidelines
If you want to offer users the flexibility of selecting one, multiple, or no items from a list, checkboxes are your friend. Maddie Brown’s article offers comprehensive guidelines for improving checkbox usability.
MADDIE BROWN
A Practical Guide to Designing for Colorblind People
This practical guide provides essential tips and strategies for designing with colorblind users in mind.
NAM LE THANH
The Time for Designers to Learn to Code Is Now
With design tools further commoditising and sanitising expected creative output, the time for designers to be able to stand out is very much here. For some, learning to code is a good route for that.
PICCALILLI
Design for the People: The US Web Design System and the Public Sans Typeface
In the US, there are about 26,000 federal websites. At first, each website had different designs, fonts, and login systems, which was frustrating for people and wasted government resources. Now it’s different.
JON KEEGAN
Design Finds: Detail Hovers on Images
A set of diverse image effects that reveal some more information on hover.
MANOELA ILIC
SNIPPETS
🌎 Tinyworldmap is a tiny world map for offline-first and low-bandwidth web apps
💪 The Browser Extension for managing colors in CSS Variables
🔣 CHUNK is a set of 600 consistent glyphs, at 16px
👩 A collection of innovations by women in the fields of computer science and technology…
▶️ Layout and Reading Order
During CSS Day 2024, Rachel talked about the nitty-gritty CSS layout stuff that doesn’t yet exist.
RACHEL ANDREW
15 Amazing Things You Can Do with Simple Javascript
Anmol shares some things we could do with Vanilla JavaScript, from email validation to setting the cursor to wait.
ANMOL BARANWAL
Pure CSS Logos from CodePen
A showcase of not only the power of pure CSS but also the ingenuity and creativity of many front-end developers.
FREEBIE SUPPLY
▶️ “Smart” Design Patterns with Container Queries
Container queries are more than just a media query that looks at the parent, it also is aware of the font-size of the parent, which opens up some interesting possibilities that media queries simply don’t do.
KEVIN POWELL
▶️ The Next Big Thing in CSS: margin-trim!
Learn why margin-trim is a game-changer for keeping your CSS clean and maintainable. Dmitry explains a problem he solves, explores different solutions that already exist, and demonstrates a neat demo using margin-trim at the end.
DMITRY MAYOROV
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.