Bookmarks

Gov.uk's accessibility posters in HTML form

Cheatsheet for VoiceOver

Introduction to the loading attribute for lazy-loading images when they come into the viewport

Really useful little tool for visualising a colour palette and designing a nice range of related colours. Read the intro blog post shown on startup!

Tool for marking a commit as being co-authored. Useful for pairing

Basic introduction to the Cache-Control header and it's various options

Tips on changing the colour of an SVG icon when hovered

Converter for Google's new android app format based on progressive web apps

Intro to worker threads, a new multi-threading (like actual threads!) in Node

Introduction to the basics of web typography

Technique for laying out several elements that need to switch between horizontal/side-by-side layout to vertical/above-each-other layout at a certain "breakpoint" but without media queries. Also they won't collapse so that one element is larger than the others.

Quick but comprehensive comparison of making SVGs accessible

Interesting post from Nolan Lawson about making sure you include JS execution time, CSS formatting and CSS layout steps when measuring performance. Tl;dr: wrap a setTimeout inside a requestAnimationFrame.

Good post on the semantics of buttons vs links in HTML

Really interesting post about using "use case maps", mostly about automatic creation of them. But I'm most interested in the concept itself. The tldr is that they're architecture diagrams (showing the different parts of a system), marked up with arrows showing how the user flows through the system in an individual use-case.

React v15 documentation, Since the v16 docs were launched previous versions were inaccessible online. This site archives the v15 docs

Useful site that uses AI to remove backgrounds from images (and replace with them transparency). Potentially useful for web design

Really great primer on the aria-live attribute, with some examples of how to use it

Good mental model for how React hooks are internally implemented

Interesting collection of "technical-looking" line drawings of every day objects