Stream

What about Semantics? “SORRY. I disagree. Nonsemantic classnames that refer to visual styles will always be a bad idea.” “If you use templates, then giving a meaningful name to the file should be enough.

GitHub is looking for a Production Designer to join the Design Systems team. This role will tackle high-visibility design projects and build a library of design assets for use in presentations. Styles can be mixed and matched to achieve many different layouts, independent of their location.

For active controls on the page, such as buttons and form fields, any visual boundary that indicates the component's hit area (the region where a pointer can activate the control) must have sufficient contrast with the adjacent background.

There’s a growing demand for designers to make their interfaces accessible to all users. It’s important to accommodate users with disabilities, but there are many myths to color contrast accessibility being perpetuated by misinformed people.

When people think of CSS Grid they normally envision image grid layouts and full web pages. However, CSS Grid is actually a superb technology for laying out articles as well, as it allows you to do things which previously was tricky to achieve.

A daily view of our planet from above.

I’ve been styling :hover, :focus, and :active states the same way for years. I can’t remember when I started styling this way. Here’s the code I always use:

Cool URIs don't change What makes a cool URI? A cool URI is one which does not change. What sorts of URI change? URIs don't change: people change them. There are no reasons at all in theory for people to change URIs (or stop maintaining documents), but millions of reasons in practice.

Link directly to Flickity files on unpkg. If you want to use Flickity to develop commercial sites, themes, projects, and applications, the Commercial license is the appropriate license. With this option, your source code is kept proprietary. Read more about Flickity commercial licensing.

What interface component would you use for selecting from a large set of options? For most designers, checkboxes come to mind. But a long list of checkboxes looks intimidating to users and can cause them to abandon your form.

In the Middle Ages, creating a book could take years. A scribe would bend over his copy table, illuminated only by natural light—candles were too big a risk to the books—and spend hours each day forming letters, by hand, careful never to make an error.

Color contrast is an important aspect of accessibility. Good contrast makes it easier for people with visual impairments to use products, and helps in imperfect conditions like low-light environments or older screens.

At GDS we’re always looking for ways to make our pages easier for anyone to use. One particular area that comes up in user research is the difficulty people have with clicking on small checkboxes or radio buttons in forms.

I created a little Dark Mode Colors ? Re-Colorization Playground app that allows people to toy around with different re-colorization options and report their preferences in a survey.

Overhyped or necessity? Learn everything about dark mode and how to support it to the benefit of your users! We have gone full circle with dark mode.