Search

Post types: Articles 3 Notes 4 Journals 0

Categories: HTML & CSS 0 Frontend 1 JavaScript 2 Nuts & Bolts 0 Projects 0 Inclusion 2 Content Design 0 User Experience 0 Animation 1 Graphic Design 0 Typography 0 Arts & Crafts 0 Web Design 0 World Building 0 L-Space 0 Musical Notes 0 Moving Pictures 0 Photography 0 Notes from the Editor 2 People & Places 0 The World Wide Web 0 Technology 0 Natural World 0 To Boldly Go 0 Anthropocenic View 0

🔖

Event.target.closest

Read Note ↬

A lot of JavaScript used on web pages simply waits for a user to click on some element on the page, and then executes a …

Published:: 02 Jan 24
Categories:: JavaScript
Tags:: event listeners
JavaScript
closest()
interactivity

📖

Clickable Confusion with NVDA

Read Article ↬

Understanding why non-interactive Storybook components are often announced as clickable by NVDA and other screenreaders.

Published:: 09 Jan 23
Categories:: Inclusion
Tags:: NVDA
screenreaders
clickable
event listeners
onClick
Storybook

🔖

Intro to JavaScript promises

Read Note ↬

An overview of JS promises for all skill levels. Starts with an excellent analogy of thread-blocking as …

Published:: 22 May 20
Categories:: JavaScript
Tags:: promises
ES6
guide
then
catch

🔖

Accessible animations in React

Read Note ↬

I've long wondered whether there were any particular gotchas with React when it came to using the prefers-reduced-motion flag. Well, Josh has written up the answer (and, as usual, extremely well). …

Published:: 05 Jul 20
Categories:: Inclusion
Animation
Tags:: accessibility
a11y
React
Gatsby
server-side rendering
prefers reduced motion
animation
flag
JavaScript
React hook
Apple

🔖

Optimising for INP

Read Note ↬

Google have recently announced a change to their Core Web Vitals metrics. The existing FID stat is being sunset, and replaced with a new way of measuring responsiveness: Interaction to Next Paint, …