Bookmarks

CSS Button Styling Guide | Modern CSS Solutions

Excellent and comprehensive guide to styling buttons using modern CSS.

July 2020
Icon Button CSS Styling Guide | Modern CSS Solutions

Comprehensive guide to styling buttons containing icons.

July 2020
Accessible Colors | WCAG 2.0 AA and AAA color contrast checker

Good accessible colour checker, with tools to adjust font size and weight. And provides suggested colours if not accessible.

July 2020
The Wet Codebase by Dan Abramov – Deconstruct

Well presented talk on not being too hasty to create abstractions.

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