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.
Tagged with: Colour, A11y, and Accessibility
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.
Tagged with: CSS and Front-end development
Tagged with: Front-end development, CSS, Design systems, and Components
A daily view of our planet from above.
Tagged with: Photography
A collection of accessibility tools collated from a question raised in the Design systems slack community.
Tagged with: a11y, Accessibility, Tools, and WCAG
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:
Tagged with: CSS, Front-end development, Accessibility, and A11y
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.
This week and the previous weekend was a departure from a normal week for me. I spent the weekend in Palma, Majorca with the team from Zengenti.
Tagged with: Weeknotes and Photography
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.
Tagged with: A11y, Accessibility, Colour, and Design
S01E06: Spent some time learning some stuff in the terminal. More prototyping and user testing. Accessibility discussions and got on top of the backlog.
Tagged with: Backlog, Product owner, and prototyping
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.
Tagged with: Front-end development, Accessibility, and A11y
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.
Tagged with: Design and Colour
S01E05: A week that didn't start well. But improved by remote sketching, crazy 8s and a run in the woods.
Tagged with: Weeknotes, Crazy 8s, Remote Sketching, and Remote