Ethan Marcotte · Ethan Marcotte · 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
Learn the principles behind the interface
UX laws, made visual
Build websites without code
Bring your designs to life
Learn how to turn your design work into live websites with Webflow, a visual, no-code website builder.
Latest from the design community
Ethan Marcotte · Ethan Marcotte · 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
Adam Silver · May 18, 2020
Form design: multiple inputs versus one input
While most fields are made up of just one input, like an email address, some fields (that are essentially one value) could be split into multiple inputs, like a sort code. This is done to help users read back their answer more easily, in small chunks, or to help users meet the formatting requirements of something like.
Read
Heydon Pickering · May 16, 2020
Easily Use Design Tokens In Eleventy
It's really, really easy to use design tokens with Eleventy
Read
Ethan Marcotte · Ethan Marcotte · May 15, 2020
An interview for the Responsive Web Design newsletter.
Justin Avery kindly invited me to do an interview for his wonderful Responsive Web Design newsletter . So you know I had to oblige.
Read
Adam Silver · Apr 18, 2020
Routing conventions
Rails has a nice section on naming routes and actions . Route File Used to show /photos index List of photos /photos/new new Form for creating new photo /photos/:id show Show photo /photos/:id/edit edit Form for editing photo /photos/:id/delete delete Form for deleting photo But this doesn’t cover multi-step flows, so.
Read
Ethan Marcotte · Ethan Marcotte · Apr 15, 2020
Constrained CSS grids without max-width.
Stumbled across a little layout technique while working on my latest redesign . I think it’s helpful; maybe you’ll think so, too.
Read
Ethan Marcotte · Ethan Marcotte · Apr 8, 2020
Writing my accessibility statement.
It was long overdue, but I’ve added an accessibility statement to my website. Here are a few reasons why.
Read
Learn UI Design · Erik D. Kennedy · Apr 7, 2020
100 Things a UX/UI Designer Should Know
The craft, the tools, the relationships, the ethics, the psychology.
Read
Lea Verou · Apr 4, 2020
LCH colors in CSS: what, why, and how?
I was always interested in color science. In 2014, I gave a talk about CSS Color 4 at various conferences around the world called “The Chroma Zone” . Even before that, in 2009, I wrote a color picker that used a hidden Java applet to support ICC color profiles to do CMYK properly, a first on the Web at the time (to my.
Read
Ethan Marcotte · Ethan Marcotte · Mar 16, 2020
Through a design system, darkly.
Design systems haven’t solved the consistency problem—far from it. What can?
Read
Uber Design · Evelyn Kim · Mar 3, 2020
What do I want to do with my c̶a̶r̶e̶e̶r̶ life?
A design manager’s guide to jumpstart career conversations with your team. Uber Eats Design & Research Offsite in Monterey Bay Aquarium, Photo credit — Cocu Liu Let’s be honest, managing can feel like you are constantly undulating between surviving and thriving. Whether you’re at the beginning stages of management or.
Read
Uber Design · Minal Jain · Feb 21, 2020
Ten things I’ve learned as a UX researcher at Uber
In July 2016, I joined Uber as the first member of our Bangalore-based UX team. I was one of the earliest researchers at the company outside of the U.S., and at that point, the Bangalore office had just opened and things were still taking shape. It seemed overwhelming at first — being in a distributed office, not havi.
Read
Manuel Matuzovic · Feb 20, 2020
One of my favourite accessibility testing tools: The Tab Key.
I’ve been employed for about a year now and many things are different compared to being a freelancer. One interesting thing in my specific situation is that I have to evaluate the accessibility of third-party tools regularly. Usually there’s no time for a full audit, I have to gain a good overview of the quality of a.
Read
Manuel Matuzovic · Feb 11, 2020
Reading recommendations: Animation on the web and vestibular disorders
It’s 7:25 a.m. and I’ve already learned so much. Actually, I just wanted to write a few paragraphs for an article about accessibility in CSS before I go to work, but I got caught up reading about animation on the web and vestibular disorders. The articles I read written by Eric W. Bailey and Shell Little , Val Head ,.
Read
Ethan Marcotte · Ethan Marcotte · Feb 3, 2020
The design systems we swim in.
When was the last time a design system empowered you to make a decision? (I’m honestly asking.)
Read
Adam Silver · Feb 2, 2020
Building an accessible autocomplete control
This is an excerpt from my book, Form Design Patterns. This article starts in the middle of chapter 3, A Flight Booking Form where I’ve been looking at ways to let users enter a destination country. Unfortunately, native HTML form controls aren’t good enough for this type of interaction. And so we need to build a cust.
Read
Adam Silver · Jan 19, 2020
Form design patterns webinar, course update, January resolutions
Webinar, course update, bullet journaling, job update, Veganuary and Red January. I did a webinar on form design patterns Vitaly from Smashing Magazine invited me to do a webinar on my book Form Design Patterns . I talked about why form design is so important and then I did a live redesign of the ASOS checkout flow. I.
Read
Manuel Matuzovic · Jan 15, 2020
Bad accessibility equals bad quality
When I talk about web accessibility at meet-ups and conferences, it’s safe to assume that at least one person will ask me something like “Yeah, accessibility sounds nice, but how many people are actually disabled? How many of my users are blind? And why would a blind person visit my website?” 1. Who gives a fuck?! We’.
Read