Bookmarks

Great, easy to understand explainer of what backpressure is (and why it's desirable in some cases)

CSS to change an SVG icon's colour on hover.

Just been totally tripped up on a React thing: . Click the “turn red” button, then the “incr…

Neat trick to provide a nice hover effect when showing a few sibling elements

Good breakdown of reasons why you should use a <button> over a <a> or <div>

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.