The Ushahidi Platform ~ Pattern Library

A really nicely-documented pattern library.

Tagged with

Related links

Reimagine the Date Picker – David Bushell – Web Dev (UK)

This is a superb way to deprecate a little JavaScript library. Now that you can just use HTML instead, the website for Pikaday has been turned into a guide to choosing the right design pattern for your needs. Bravo!

Pikaday is no longer a JavaScript date picker. Pikaday is now a friendly guide for front-end developers. I want to push developers away from the classic date picker entirely. Especially fat JavaScript libraries.

Tagged with

Patterns | APG | WAI | W3C

This is a terrific resource! A pattern library of interactive components: tabs, switches, dialogs, carousels …all the usual suspects.

Each component has an example implementation along with advice and a checklist for ensuring its accessible.

It’s so great to have these all gathered together in one place!

Tagged with

AccentDesign/Fractal-Atomic: An awesome starter point for your Fractal UI component library

If you want to use Brad’s Atomic Design naming convention—atoms, molecules, etc.—and you like using Fractal for making your components, this starter kit is just for you:

Keep what you need, delete what you don’t and add whatever you like on top of whats already there.

Tagged with

Unpoly: Unobtrusive JavaScript framework

This looks like it could be an interesting library of interface patterns.

Tagged with

Introducing the GOV.UK Design System - Government Digital Service

The Gov.uk design system is looking very, very good indeed—nicely organised with plenty of usage guidelines for every component.

Guidance on using components and patterns now follow a simple, consistent format based on task-based research into what users need in order to follow and trust an approach.

Tagged with

Related posts

The history of design systems at Clearleft

From pattern portfolios to Fractal.

Why Design Systems Fail by Una Kravets

A presentation at An Event Apart Boston 2018.

eLife goes live

Collaborating on a pattern library.

Code refactoring for America

Committing CSS heresy for more maintainable markup.

Pattern sharing

The front-end style guide for Code for America.