Time to read: under 3 minutes  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌
#502
May 8, 2024
Read on the web
 
Hey Designers!
 
This week we have:
* Designing cookie permissions * Compact navigation * 3 design trends * CSS masonry alternatives * Transparent borders * and more…
 
🎥 Cookie Permissions: 6 Design Guidelines (video)
Design cookie permissions that strike the balance between respecting user privacy and being user-friendly.
SAMHITA TANKALA
Everything a Web Designer Needs to Know in 2024
The job and role of a website designer seem to be growing all the time. You almost need to be a jack of all trades when it comes to website design, which includes everything from design to user experience to helping developers with functionality.
CARRIE COUSINS
Quick-and-Dirty Accessibility
William Driver runs through some simple (quick and dirty) checks that any developer can do that will help to create a more inclusive web.
WILLIAM DRIVER
3 Essential Design Trends, May 2024
Integrated navigation elements, interactive typography, and digital overprints are three website design trends making waves this month. Let’s take a look at each design trend with some fun examples.
CARRIE COUSINS
Compact Navigation
A collection of website menus that are compact and open into nifty boxes or shapes.
MANOELA ILIC
🔗 20+ Best Stamp Fonts
🎥 Unleash the power of Scroll-Driven Animations (video)
TOOLS
* 🎨 Tailwind CSS color generator

* ✍ Handcrafted open source icons

* 🏄 Surf the web like it’s 1999 with these old-school cursors
An Alternative Proposal for CSS Masonry
This post aims to explain why Chrome have concerns about implementing masonry as part of the CSS Grid Layout specification, and clarify exactly what the alternate proposal enables.
RACHEL ANDREW
Combining CSS :has() And HTML For Greater Conditional Styling
Amit Sheen demonstrates using `:has()` to apply styles conditionally when a certain `` in a ``  element is chosen by the user and how we gain even more conditional styling capabilities when chaining `:has()` with other pseudo-classes, such as `:not()` — no JavaScript necessary.
AMIT SHEEN
Transparent Borders
Brad Frost explains why you should not remove borders from components for accessibility and misalignment reasons.
BRAD FROST
Shades of Grey with color-mix()
If you want a nice selection of greys that complement your colour palette, you have two options: Use a colour picker and your favourite design tool (boring). Or you could create a palette of greys with the CSS color-mix() function. Michelle explains how to use the second option.
MICHELLE BARKER
Why do CSS and UI Capabilities Matter for Your Ecommerce Site?
Learn how ecommerce sites benefit from implementing the latest CSS and UI features—View Transitions, Scroll-driven animations, Popover API, and more.
CHROME DEVELOPERS
🔗 Printing music with CSS Grid
🔗 A brief note on highlighted text
 
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.