UX

Photo by Bonneval Sebastien via UnsplashOver the last couple of years, design thinking, design sprints, and the workshops that go with both have become increasingly popular in UX design processes. I for one have made workshop facilitation a primary function in my process. There are a lot of articles..

As researchers and designers of emerging technologies, we need to reflect and ask ourselves, what’s within our power to help realize a future that invites participation from the full spectrum of human diversity.Credit: Fortune Magazine/Ultimate Software — 100 Best Places Workplaces for DiversityTher..

A take on Design Token definition, organization, and specificity.A Design System’s strength comes from knowinghow and when to apply options (like purple-40 or color-warning) correctly to contexts (like backgrounds or typography). This grounds the option as a design decision or what is known as a Des..

A collection of handy tips to help improve your designs instantly Continue reading on UX Collective »

Design negotiation techniques when your team says no. Continue reading on UX Collective »

I’ve been enjoying these little “You want…” style posts. Post titles like that are a little more… forceful for my normal taste, but I like the spirit of sharing a best practice that perhaps isn’t well-known-enough. Killian started it with “You want overflow: auto, not overflow: scroll.”I followed u..

Some nice coverage from Andy about CSS things that are truly new. If you haven’t looked at new things in CSS in, say, a year, I’d bet pretty much all of this will be new to you. A lot of it is cutting-edge enough that you might not be able to get it into projects immediately, but that gap is getting..

CSS is yet to have a switch rule or conditional if, aside from the specific nature of @media queries and some deep trickery with CSS custom properties. Let’s have a look at why it would be useful if we did, and look at a trick that is usable today for pulling it off. Recent chatter about the possib..

I like Andy’s idea here: .wrapper { width: clamp(16rem, 90vw, 70rem); margin-left: auto; margin-right: auto; padding-left: 1.5rem; padding-right: 1.5rem; } Normally I’d just set a max-width there, but as Andy says: This becomes a slight issue in mid-sized viewports, such as tablets in portr..

Read how can you improve your productivity by selecting perfect Artboard size for your next Web UI Design without worrying about… Continue reading on UX Collective »