Bookmarks

React Training: When do I use functions in a Hooks Dependency Array?

Good analogy made in this article. You must include state in useEffect dependencies array, and some props. Which props? Props that might change, because "props are someone else's state".

July 2020
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