Skip to main content
UI Coach Logo

Latest from the design community

Manuel Matuzovic · Aug 20, 2019

Don't be afraid to share

I don’t consider myself a web accessibility expert but I’ve learned enough in a relatively short time to feel comfortable enough to share my knowledge in blog posts, workshops and talks. Here’s some advice, if you want to share stuff but are wary about doing it. 1. Find something that interests you and stick to it. Fu.

Read

Heydon Pickering · Jul 29, 2019

Every Layout Is Released: Some Facts

In case you haven't already heard: the full version of Every Layout is now ready for purchase! You'll find all the information you need on the Every Layout site . This post is just an opportunity to tell you that in a different channel (done!) and to share some fun™ facts about how Every Layout came together. - Andy a.

Read

Adam Silver · Jul 22, 2019

Form design: from zero to hero all in one blog post

Hi there. If we haven’t met before, I’m Adam and I’m obsessed with designing forms. And I have been for almost 20 years. What is it about forms then? Every meaningful interaction on the web is achieved by a form of some sort. Whether it’s letting users renew their passport, send an email or buy something. Basically an.

Read

Adam Silver · Jun 30, 2019

Defining graceful degradation, Patterns Day, journey mapping, question protocol mapping

I haven’t written weeknotes in a little while because I don’t always have loads to say. So I think I’ll say things when I have something worth saying. Seems sensible to me. In defence of graceful degradation I finally published the article I paired on with Amy. This one, as Amy said, nearly killed us . I think that’s.

Read

Adam Silver · May 19, 2019

Caseworking meetup notes, design system uptake, writing is hard, soft skills are hard

Caseworking meetup, agile programming for families, design system humble brag, article updates and soft skills. Cross-government caseworking meetup On Wednesday, I went to the third cross-government caseworking meetup run by Chris Taylor . I went to the first one a couple years ago, but unfortunately missed the second.

Read

Adam Silver · May 14, 2019

Semantic HTML and ARIA explained

Originally published on CSS-Tricks . Semantic HTML and ARIA (Accessible Rich Internet Applications) help create interfaces that work for everyone in the most performant, robust, and simple way possible. They add essential meaning to your content, which lets web browsers, search engines, screen readers, RSS readers, an.

Read

Manuel Matuzovic · May 11, 2019

The Dark Side of the Grid (Part 2)

CSS Grid layout is powerful and flexible. It's great for our development experience, but it may come at the cost of user experience and accessibility if we don’t use it responsibly. This article series gives you an overview of potential implementation pitfalls; or, in other words, the dark side of the grid. document.q.

Read

Adam Silver · Apr 28, 2019

Prototype versioning, namespacing design systems, discussing a header component

Versioning prototypes, design system bits and article updates. Versioning prototypes In the past 12 months I’ve created 5 different prototypes using the GOV.UK Prototype Kit. At times, due to the rapid pace of iteration, I’ve not been the most hygenic when it comes to versioning. That means different versions sometime.

Read

Manuel Matuzovic · Apr 25, 2019

12 Tips for More Accessible React Apps (Slides, React Finland 2019)

If you want to improve the accessibility of your React apps but you don't know how or where to start, this talk is just what you need. Manuel shares 12 tips that will help you build web sites and applications that can be used by anyone. Each tip fits on one slide and you'll be able to put them into practice right away.

Read

Adam Silver · Apr 21, 2019

Prototype kit extensions, small checkboxes and radio buttons, multi-select autocomplete

Recreated the GOV.UK Design System’s form components in Angular As I’ve been writing about in past weeknotes, this work is all done. We finally have Angular versions of the wonderful GOV.UK Design System form components. Big thanks to Franco . I wrote a little note of appreciation to Franco in his copy of Form Design.

Read

Adam Silver · Mar 31, 2019

React is not a library, Angular generates wrappers, semantic HTML, defining UX

Finished Insanity Max 30 After a very stressful day on Tuesday I woke up early on the Wednesday feeling like shit. So I ended up missing day 3—booooo! But hey that’s life. I got the rest of the final week done just fine and I can say for certain that I feel way fitter than I did and I’ve lost a bit of fat and my arms.

Read

Adam Silver · Mar 17, 2019

Angular forms, hiding elements, boring development, responsive design mindsets

Insanity Max 30—week 6 The first week of month two was hell. But I did way better in the second week which you can see in my times. First week fail times: 7:01 9:49 7:51 10:42 8:35 Second week fail times: 9:17 10:43 10:01 10:48 11:45 Third week fail times: 17:15 7:14 12:01 8:15 11:43 Fourth week fail times: 19:14 10:4.

Read

Adam Silver · Mar 10, 2019

Extending the GOV.UK Design System, progressive enhancement, naming patterns

Insanity Max 30—week 5 The first month of this program was impossible. And yet, the second month is a level up, which you’ll see in my max out times. First week fail times: 7:01 9:49 7:51 10:42 8:35 Second week fail times: 9:17 10:43 10:01 10:48 11:45 Third week fail times: 17:15 7:14 12:01 8:15 11:43 Forth week fail.

Read

Manuel Matuzovic · Mar 7, 2019

Improving the keyboard accessibility of Embedded CodePens

I'm a huge fan of CodePen (No, they didn’t pay me to write this). I'm using it for prototyping, experimenting, sharing code, and in my latest blog post, The Dark Side of the Grid , I'm also making use of their Embedded Pens . CodePen allows you to customize syntax highlighting, and background and text colors of UI ele.

Read

Adam Silver · Mar 4, 2019

User interfaces: hiding content should be a last resort

A disproportionate amount of time is spent designing complex interactions that hide content at the cost of usability. Links are hidden within menus; hints behind tooltips; images in carousels; all sorts inside accordions and tabs; and labels inside inputs . When we hide content, there’s a greater risk users won’t see.

Read

Adam Silver · Mar 3, 2019

Form builders, design system thoughts, new design system components

Insanity Max 30—first month done Let’s start with the easy one. I’m half way through this two month program. I have seen huge results in my fitness levels in just 4 weeks (results below). Looking forward to and dreading month 2 in equal proportions as I am pretty sure the level goes up a notch. Not to mention how badl.

Read