Bookmarks

Responsive Designs and CSS Custom Properties: Defining Variables and Breakpoints | CSS-Tricks

Useful article demonstrating some flexible approaches to CSS custom properties.

July 2020
Nested Links Without Nesting Links — Sara Soueidan – Freelance-Front-End UI/UX Developer

Neat technique for "layering" links over other links, making them appear to be nested. Useful pattern for card navigation.

July 2020
Bruce Lawson’s personal site  : Accessible data tables

Round-up of various accessible, responsive table styling techniques

July 2020
Using a Raspberry Pi for Time Machine

Paul's simple guide to setting up a Raspeberry Pi as a macOS backup. Really easy to follow

June 2020
Proper VoiceOver support coming soon to Firefox on MacOS - Mozilla Accessibility

New on the @Mozilla accessibility blog: Proper VoiceOver support coming soon to Firefox on MacOS #a11y

May 2020
Apollo 15 Hammer-Feather Drop

On August 2, 1971, Dave Scott performed one of the most legendary experiments, literally an out of this world one: the galilean 'hammer & feather' held on the Moon

April 2020
brumm.af

Useful tool for creating smooth looking box shadows in CSS

February 2020
My Approach to 1-on-1s — Marco Rogers

Practical examples of questions Marco asks in his 1:1s, along with how often each type of question gets asked.

January 2020
PT Sans - Google Fonts

Nice simple sans fontface

December 2019
Complete Intro to Containers

Fairly barebones but good intro to containers/Docker. Aimed mostly at developers with some experience of production/shipping. Gives a decent background if short on why containers are needed, what the underlying technology is and the actual Docker interface

December 2019
Type Scale - A Visual Calculator

A calculator for font size scaling

December 2019
What Is A DNS CNAME Record? | Cloudflare

Best explainer I've read on DNS CNAME records. See also the article on DNS itself and on A records.

November 2019
Curl Cookbook

Handy list of cURL examples

October 2019
Accessibility User Testing for Web and Mobile | Fable Tech Labs

New SaaS startup that offers a11y reviews of your product

August 2019
Understanding SVG Coordinate Systems and Transformations (Part 1) — The viewport, viewBox, and preserveAspectRatio — Sara Soueidan – Freelance-Front-End UI/UX Developer

Really excellent explainer on SVG coordinate systems. Alternatively titled "what on earth does the viewBox attribute on <svg> do?". Includes a super helpful interactive demo

July 2019
A Tiny, Powerful Question for Better Feedback | Lara Hogan

tldr: "What Are Your Optimising For?". Builds on the Observation -> Impact -> Question/Request framework for giving feedback, focusing specifically on how to ask a good open ended question. One that doesn't shut down further discussion/feedback

June 2019
A Complete Guide to useEffect — Overreacted

Excellent and very thorough explanation of useEffect, how to use it and the design decisions behind it.

June 2019