Bookmarks

safari-whyyyyy.md

Workaround for a stupid iOS Safari bug where re-orientating the screen breaks

June 2018
DasSur.ma – My most useful RegExp trick

Useful regex trick to match things inside matching quotes (and brackets) while also handling backslash escapes

June 2018
Float positioning algorithm

I’m kind of embarrassed to admit how helpful this was in my understanding of floats:

June 2018
Composable, Immutable property access with Lenses in Typescript

Good introduction to "lenses", a functional pattern for immutably accessing/updating objects. The examples are in typescript but I think they would in JS too

June 2018
The backdrop-filter CSS property | CSS-Tricks

Some super nice background effects coming to CSS in the future. This post shows some of the ways the backdrop-filter property can be used, including some nice iOS like effects

May 2018
Invisible Labor and Digital Utopias

Thought provoking post on the cost of openness - namely the emotional labour of dealing with everyone's ability to interact with you/your posts

May 2018
Official React lifecycle diagram

Diagram showing the new React lifecycle in React 16+ after changes for React fiber

May 2018
Try out Overleaf v2 - Overleaf Blog

It's here (in beta!) -- you can now try out Overleaf v2 :)

May 2018
Didact Fiber: Incremental reconciliation – Hexacta Engineering

Really great blog post on React Fiber, walking through building your own mini-Fiber. Makes the concepts a lot clearer

March 2018
BICEPS — PALOMA MEDINA

Some principles on what motivates people within a group e.g. a work team

March 2018
How to Describe Complex Designs for Users with Disabilities

Generalised advice on providing screen reader support. Mostly the advice is to use native elements, and if that doesn't work use ARIA. The most interesting bit to me was clear advice on using ARIA live regions

March 2018
Automatic visual diffing with Puppeteer – Monica Dinculescu

Quick test setup for testing visual changes in the browser. Useful for css refactoring

February 2018
Drag and Drop for Design Systems – UX Collective

Some good tips on designing consistent drag and drop UIs. Somewhat obvious but ensuring that affordances are kept the same is key.

February 2018
4 Major Patterns for Accessible Drag and Drop – Salesforce UX – Medium

Super interesting read on techniques for making drag and drop UIs accessible. Some very clever ideas.

February 2018
https://epoch.now.sh/

Simple epoch time converter

February 2018
Spectral - Google Fonts

Nice new open source font from Google

December 2017
A11Y Style Guide

Useful examples of HTML/CSS components with built in accessibility. Great for copy/pasting a quick example.

December 2017
Implicit ARIA roles of HTML elements

Table from ARIA spec showing implicit aria-role definitions of HTML elements and the possible optional aria-roles for the elements.

December 2017
llnode for Node.js Memory Leak Analysis

Useful post describing how to create & analyse Node core dumps to find a memory leak

December 2017
What makes a good Diagnostic Question? – EEDI – Medium

Great post on writing questions that assess whether a student has understood a concept (called a diagnostic question). Written in the context of maths, but applies equally to other topics (e.g. programming) too

December 2017