To align design and business, visualize the shared narratives

The Government Digital Service style guide covers style, spelling and grammar conventions for all content published on GOV.UK, arranged alphabetically.

Slides + recording of the talk “Supercharge Web UX with View Transitions” I gave at React Brussels 2024

Since the dawn of the internet, amazon and cheap print, libraries have become a part of our civic infrastructure that we don't always quite know what to do with. No longer the primary source of books to the majority, they have become the overspill to services that we can't quite fit anywhere else.

Conventional design education believes that by training the mind and the hand, a designer can solve just about any problem. In many ways…

Exploring the human impact of design systems and how our current definitions overlook this.

“For all the talk about being human-centered, one very human factor often gets overlooked — a basic understanding of how power operates in…

Some groups of people benefit more from services than others. Some people are harmed. This must be addressed to truly break down barriers to opportunity for everyone. This article talks about what we mean by equity and justice in relation to government digital services, why it’s important and suggests 6 things that leaders and decision makers can start doing about it today.

These standards set out what’s expected from new or redesigned digital services funded by Welsh public sector organisations.

How to add a Welsh language toggle to your prototypes so you can better test with Welsh users.

I'm working on a refresh of my personal website, what I'm calling the HD remaster. Well, I wouldn't call it a "full" redesign. I'm just cleaning things up,

Portfolio for Ignacia Orellana - independent service design consultant

It’s been a couple of years since container queries started landing in browsers… so why isn’t anyone using them? It turns out that container queries are kinda tricky; they’re not as straightforward as media queries. In this tutorial, we’ll break it all down and make sense of them, so that you can start using them in your work.

MineSweeper implemented in CSS + HTML using the Space Toggle trick (no JavaScript!) - propjockey/css-sweeper

This document describes the technical specification for a file format to exchange design tokens between different tools.

A series examining modern CSS solutions to problems Stephanie Eckles (@5t3ph), a seasoned frontend developer, has been solving for 15+ years.

A rallying cry for Design

How do you design an app for 431 diverse national parks and monuments? Learn how a small team adapted Massimo Vignelli’s seminal design system for a digital interface.

Writing about the big beautiful mess that is making things for the world wide web.

Utilizing the CSS unset keyword with inheritance in mind.

The next wave of internet users is coming online. Are your products ready?

An action-oriented set of methods, mindsets and thought starters to help innovators design circular solutions that are fit for the future.

In order to achieve maximum contrast in design, interface designers often use a combination of pure black and white colors, which helps…

From Chrome 123 use align-content to align items without creating a flex or grid container.

An experiment in javascript-free syntax highlighting, made possible by opentype contextual alternates and COLR table

By Jonathan Simcoe

An urban fantasy podcast of tape recordings by the curator of a secretive london-based art auction house.

Balancing the age-old simplicity of words on paper with the myriad creative possibilities of the web is a tension as old as the web itself. Leaning into that overlap can bring new dimensions not just to the things we write but also to how we write them.