Skip to main content
UI Coach Logo

Latest from the design community

Manuel Matuzovic · Sep 9, 2020

Writing even more CSS with Accessibility in Mind, Part 1: Progressive Enhancement

About 4 years ago, I began to focus on web accessibility professionally. I read many articles and books, watched talks, followed experts, and I also shared my knowledge at meet-ups and online. The first 3 articles I wrote were Writing HTML with Accessibility in Mind , Writing JavaScript with Accessibility in Mind , an.

Read

Léonie Watson · Léonie Watson · Aug 24, 2020

The difference between aria-label and aria-labelledby

aria-label and aria-labelledby do the same job but in different ways, and it's easy to confuse them with unintended results. This post explains the differences and how to choose the right one.

Read

Google Design · Ramprakash Ravichandran · Aug 19, 2020

Connect, No Matter the Speed

Design for slow, intermittent, and offline connectivity, to reduce user frustration Illustration by Kai Yee Tay, Next Billion Users illustrator I wrote this story with Susanna Zaraysky , a Content Strategist on the Material Design team. With many working from home around the world, more people are consuming high bandw.

Read

Google Design · Lola Jiang · Aug 12, 2020

Learnings from a Junior Designer at Google

Frameworks and lessons from my second year I joined the YouTube Ads Video Creation team at Google two years ago as my first gig out of grad school. Getting into Google was a dream come true, but it wasn’t easy. It took a lot of deliberate practice and luck. Time flies. I’m now passing the peak of “Mount Stupid” where.

Read

Google Design · Nick Rout · Aug 4, 2020

Material Components for Android 1.2.0 is now available

Material motion system, Sliders, ShapeableImageView, and more This article is also posted on the Material Design blog . We’re excited to announce the release of Material Components for Android (MDC-Android) 1.2.0 ! A host of exciting new features have been added along with many bug fixes and accessibility improvements.

Read

Google Design · Anna Iurchenko · Jul 29, 2020

A Collaborative Approach to Shaping Successful UX Critique Practices

How one team at Google established a sustainable crit culture Design critiques create space to improve designs and allow participants to gain confidence presenting work and articulating design rationales. Despite being an undeniably useful ritual, often they fail because the process stays the same while the team and p.

Read

Lea Verou · Jul 7, 2020

The Cicada Principle, revisited with CSS variables

Many of today’s web crafters were not writing CSS at the time Alex Walker’s landmark article The Cicada Principle and Why it Matters to Web Designers was published in 2011. Last I heard of it was in 2016, when it was used in conjunction with blend modes to pseudo-randomize backgrounds even further. So what is the Cica.

Read

Ethan Marcotte · <name>Ethan Marcotte</name> · Jun 30, 2020

The design systems between us.

It’s often suggested that design systems would improve the way organizations work. I’ve been wondering about that.

Read

Manuel Matuzovic · Jun 24, 2020

Accessible to some

According to WebAims annual accessibility analysis , 98.1% of home pages of the top 1,000,000 websites have detectable WCAG 2.0 failures. Some of these sites may only have minor contrast issues or maybe just a single missing id , while others are highly inaccessible. However, this number is pretty damn high, consideri.

Read

Lea Verou · Jun 5, 2020

Hybrid positioning with CSS variables and max()

Notice how the navigation on the left behaves wrt scrolling: It’s like absolute at first that becomes fixed once the header scrolls out of the viewport. One of my side projects these days is a color space agnostic color conversion & manipulation library, which I’m developing together with my husband, Chris Lilley (you.

Read

Ethan Marcotte · <name>Ethan Marcotte</name> · May 28, 2020

Responsive design: seams & edges.

In some ways, responsive design was an attempt to move past the idea of a “page.” How’s that worked out for us?

Read

Ethan Marcotte · <name>Ethan Marcotte</name> · May 25, 2020

Responsive web design turns ten.

The original “Responsive Web Design” article was published a decade ago! Here’s how it happened, and who helped make it happen.

Read

Lea Verou · May 25, 2020

Today's Javascript, from an outsider's perspective

Today I tried to help a friend who is a great computer scientist, but not a JS person use a JS module he found on Github. Since for the past 6 years my day job is doing usability research & teaching at MIT, I couldn’t help but cringe at the slog that this was. Lo and behold, a pile of unnecessary error conditions, cry.

Read