The Guardian digital design style guide

What a lovely way to walk through the design system underpinning the Guardian website.

Bonus points for using the term “tweak points”!

Tagged with

Related links

Base CSS | Pasteup | Guardian News

The Guardian’s front-end patterns library. The modules section contains their equivalent of a pattern primer. Very nice!

Tagged with

The Guardian

Remember when I linked to the Github repository of The Guardian’s front-end team? Well, now—if you’ll pardon the mixing of metaphors—you can start to kick the tyres of the fruits of their labour. This beta site shows where their experiments with responsive design might lead.

Tagged with

beta.guardian.co.uk

Those clever chaps at The Guardian are experimenting with some mobile-first responsive design. Here’s how it’s going so far.

The code is on Github.

Tagged with

The Futures of Typography

A wonderfully thoughtful piece from Robin, ranging from the printing technologies of the 15th century right up to the latest web technologies. It’s got all my favourite things in there: typography, digital preservation, and service workers. Marvellous!

Tagged with

Jeremy Keith @ The Digital Pond - Responsive Design - YouTube

Here’s a talk give at a community event in London last summer.

Tagged with

Related posts

CSS snippets

Some styles I re-use when I’m programming with CSS.

Five websites

I have some very talented friends.

Declarative design systems

Is your design system really a system …or is it more like a collection of components?

Declarative design

Defining the inputs instead of trying to control the outputs.

Partnering with Google on web.dev

How Clearleft worked with the Chrome team to create a fifteen-part course on modern responsive design.