What is coercion in JavaScript. How to coerce a value. What is loose & strict equality.

Variables in JavaScript. What are they & how they work.

What is web accessibility. The size requirements for accessible touch targets. Color contrast requirements. How to hide elements from the DOM tree & accessibility tree.

Alignment is a powerful force in design. Accessibility requires touchable elements to be of a certain minimum size. Implementing these sizes using common CSS approaches can throw off a layout's alignment. There is a different approach that allows touch targets of any size without affecting alignment.

Notes on the software development cycle from the perspective of a software engineer.

A list of web creatives news sources. Design & development.

A summary of the Git commit message convention Conventional Commits.

How to create global state in Next.js using XState.

What are JavaScript scopes. What is the global scope. What is an IIFE.

What are the types in JavaScript. How are values created. How to inspect types.

Notes on the computer science optimization technique memoization.

Notes on the JavaScript package manager npm. How to update packages. How to audit packages.

When & how to use React's built-in higher order component & hooks; memo, useMemo & useCallback.

What is referential equality in JavaScript.

Setting up CSS font styles in a Next.js app using vanilla-extract & Capsize.

Notes on sharing a web page on platforms like Facebook, Twitter & LinkedIn.

How to create & read data in SQL (Postgres), with interactive examples.

How to update & delete data in SQL (Postgres), with interactive examples.

Tools & techniques for UI (User Interface) state management.

How to use SVG filters. Explanations, examples, generators & tools.

How to create a hologram effect using SVG.

How to create an SVG mask & opacity mask.

Notes on working in a team as an engineer.

An introduction to Layout components. Components whose function is to position their children.

XState is a library for using finite-state machines in apps. XState & XState + React examples & tools.

Brad Woods' digital garden

Notes

Notes

latest

latest

BENCHMARKING

COMMUNICATION

COMPUTER_SCIENCE

CSS

GAME

GIT

GRAPHQL

HTML_HEAD

JAVASCRIPT

JAVASCRIPT_SCOPES

JAVASCRIPT_TYPES

PROBLEM_SOLVING

REACT

SQL

STATE_MANAGEMENT

SVG

SVG_FILTERS

WEB