Semantic Design Systems, Adapting Typography, Accordions, Web Development Glossary, CSS Masks

The 5 best design links, every day. Curated by a selection of great editors.

Email not displaying properly? View browser version.

Sidebar

July 31 2023

The future of design systems is semantic

figma.com

We dig into what variables might signal for the future of design systems.

Design Systems Figma

Credit:

Adapting typography to user preferences with CSS

web.dev

A method to adapt a font to your users’ preferences, so they’re maximally comfortable reading your content.

CSS Typography

Credit:

Accordions on Desktop: When and How to Use

nngroup.com

Accordions simplify long pages, but reduce visibility and increase interaction cost.

UI

Credit:

The Web Development Glossary 3K

meiert.com

More Than 3,000 Terms and Concepts for the Well-Rounded Developer.

Resources Books

Credit:

Using HTML elements as CSS masks

expensive.toys

Create knockout / cutout or see-through effects using new CSS SVG filter masking technique.

CSS CSS-in-JS

Credit:

 

You’re receiving this email because you signed up on sidebar.io. Unsubscribe

Sacha Greif - Kyoto, Japan

Older messages

Scroll Driven Animations, Abode, X, Card Component, State of HTML

Friday, July 28, 2023

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar July 28 2023 Scroll driven animations in CSS are a joy to play

Shopify Polaris, Barbie Logo, Core Web Vitals, Early Photos, UX Cookbook

Thursday, July 27, 2023

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar July 27 2023 Uplifting Shopify Polaris ux.shopify.com The

Small Vehicles, Legibility, Depth Scrolling, Design Process, Data Dashboards

Wednesday, July 26, 2023

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar July 26 2023 Small vehicles of Tokyo cityofsound.com A slim

Pines, GradientGenerator, Curved Gradients, Zelda Patterns, Accessibility

Tuesday, July 25, 2023

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar July 25 2023 Pines: Alpine and Tailwind UI Library devdojo.com

WebGPU, Porsche Crest, X, Formative Posts, Proportio

Monday, July 24, 2023

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar July 24 2023 WebGPU: the cross-platform graphics API of

You Might Also Like

How I track down editor emails

Tuesday, October 22, 2024

**Psst** I normally only share this in workshops! ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

Maintaining Brand Longevity—and Other Lessons From the Novogratz

Tuesday, October 22, 2024

View in your browser | Update your preferences ADPro When I look through a book to prepare for an interview, I often skim for the major points and quotable one-liners. But in the case of The Novogratz

#479: New Front-End Adventures In 2025

Tuesday, October 22, 2024

CSS style queries, auto field-sizing for forms, simpler snapping, anchor positioning, smooth transitions with View Transitions API. Issue #479 • Oct 22, 2024 • View in the browser Smashing Newsletter

Accessibility Weekly #419: Understanding VPATs and ACRs

Monday, October 21, 2024

October 21, 2024 • Issue #419 View this issue online or browse the full issue archive. Featured: Understanding VPATs and ACRs: Key insights "This week I had a bunch of requests from clients

Mentorship

Sunday, October 20, 2024

Issue 217: Thoughts on the most important relationship in your craft ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

Halloween Email Templates & Newsletter Ideas

Sunday, October 20, 2024

This week, we've released a selection of new Halloween email templates, ready for you to use directly from your Designmodo account.͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌

Driving stick shift

Sunday, October 20, 2024

Issue 216: The importance of manual driving in a world of copilots ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

Accessibility Weekly #418: When Team Opinions Differ

Sunday, October 20, 2024

October 14, 2024 • Issue #418 View this issue online or browse the full issue archive. Featured: A11y at work: When team opinions differ "Sometimes working with a larger team means that you'll

#478: Inclusive Design

Sunday, October 20, 2024

Accessible numbers, ADHD, readability guidelines, neurodiversity design system and inclusive mindset workbook. Issue #478 • Oct 15, 2024 • View in the browser Smashing Newsletter Hej Smashing Friends,

Inside Mark D. Sikes’s Historic Renovation of Blair House

Sunday, October 20, 2024

View in your browser | Update your preferences ADPro Design Within Reach Turned a San Francisco Warehouse Into a Certified-Cool Flagship—And AD PRO Directory Members Got a First Look Inside On