Heydon Pickering

inclusive-design-checklist. Aims to be the biggest checklist of inclusive design considerations ever

fukol-grids. CSS

principles-of-web-accessibility. How to approach accessible web interface design

REVENGE.CSS. A CSS bookmarklet that puts pink error boxes (with messages in comic sans) everywhere you write bad HTML.

forceFeed. JavaScript

bruck. A prototyping system built with web components and the Houdini Paint API

watched-box. JavaScript

Community-Icon-Font. To create a collaborative font using SVG

inclusive-menu-button. A keyboard and screen reader accessible ARIA menu button implementation.

design-tokens-cli. Set of design tokens and a custom properties parser for prototyping

cel-animation. A Sass @mixin for creating traditional frame-based animations, especially with SVG

beadz-drum-machine. A quantum, polymetric drum machine.

on-demand-live-region. JavaScript

ga11ery. Eleventy theme for showcasing photography and web comics

cress. JavaScript

readabilityCheckerCLI. A node CLI for checking how readable content is. Accepts a URL or HTML file.

xiao. A tiny, accessible, browser-driven single-page routing system.

react-sortable-table-demo. See the article here: https://inclusive-components.design/data-tables

css-scopulation-enterprise-max-ai. JavaScript

Inclusive-Components. Resources for the inclusive components blog (inclusive-components.design)

react-theme-switch. JavaScript

css-error-property-style.

wai-aria-web-component. A "disclosure" (show/hide) web component using ARIA and built with Polymer

inclusive-inline-editable. JavaScript

typical-theme-wordpress. A responsive, resolution independent Wordpress theme with microdata support

buttonlike. A jQuery plugin for making clickable elements more accessible

Squib-Font. A free font licensed under the Open Font License

AMA. Ask me anything

TabInterface.js. This script generates all of the code necessary to create a tabbed interface.

Accessible-Designer-Examples. Examples of creative, accessible design concepts.

hylia. Hylia is a lightweight Eleventy starter kit to help you to create your own blog or personal website.

heydonworks. HeydonWorks Wordpress theme

ga11ery-example. HTML

prism-themes. A wider selection of Prism themes

modern-css-reset. A bare-bones CSS reset for modern web development.

ga11ery-michael. HTML

niace-stories-app. The alpha application for NIACE.