Phil Wolstenholme

I'm a developer particularly focussed on accessibility and frontend web performance. Outside of work I'm interested in science, the environment, bouldering, and bikes.

Manchester, United Kingdom Joined on Jun 24, 2021 https://wolstenhol.me

Work

Lead frontend engineer at Co-op in the United Kingdom

Phil Wolstenholme

Apr 28

Writing a Vite plugin to add lazyloaded critical CSS fallbacks for users with JavaScript disabled or unavailable

#vite #performance #css #javascript

2 min read

When Netlify asks you to full-time OSS, you say yes!

Congrats!

May 23

Speed Needs Design, or: You can’t delight users you’ve annoyed

I wanted to use shape-outside to flow text into the empty sp...

Mar 25

Essential Layout Components For Your Design System

I thought there some similarity around your shared use of the...

Mar 21

Essential Layout Components For Your Design System

Anyone who is trying to make as much of their layout code use...

Mar 20

The weirdly obscure art of Streamed HTML

Love these posts! Looking forward to the rest :)

Mar 15

How to write performant React code: rules, patterns, do's and don'ts

Thanks for this post, some good things to remember here!

Jan 10

Do you still work with jQuery?

+1 for Alpine, I love it when working with server rendered pa...

Nov 18 '21

Do you still work with jQuery?

There's also Cash, which replicates much of jQuery, including...

Nov 18 '21

View all 11 comments

Phil Wolstenholme

Mar 15

Show off your Lighthouse scores as static HTML in Eleventy with the PageSpeed Insights API

#eleventy #11ty #lighthouse #performance

5 min read

Phil Wolstenholme

Nov 22 '21

Problems with using useFakeTimers('modern') in a create-react-app (CRA) project with Jest 26 and Lodash's debounce function

#jest #javascript #react #testing

4 min read

Phil Wolstenholme

Nov 17 '21

Companies using utility-first CSS (like Tailwind) in production

#tailwindcss #css

12 1

3 min read

Phil Wolstenholme

Aug 26 '21

Accessible and animated expand/collapse components with Alpine.js and Tailwind CSS

#tailwindcss #alpinejs #a11y

7 min read

Phil Wolstenholme

Aug 17 '21

A small TailwindCSS plugin to emulate support for Flexbox gap in older Safari/iOS browsers

#tailwindcss

2 min read

Phil Wolstenholme

Jul 8 '21

Using Style Dictionary to transform Tailwind config into SCSS variables, CSS custom properties, and JavaScript via design tokens

#tailwindcss #css #sass #designtokens

19 1

8 min read

Phil Wolstenholme

Jun 24 '21

Tying Tailwind styling to ARIA attributes

#tailwindcss #a11y #aria #css

20 2

9 min read

DEV Community

DEV Community is a community of 906,671 amazing developers

Phil Wolstenholme

Badges

Writing a Vite plugin to add lazyloaded critical CSS fallbacks for users with JavaScript disabled or unavailable

Recent comments

When Netlify asks you to full-time OSS, you say yes!

Speed Needs Design, or: You can’t delight users you’ve annoyed

Essential Layout Components For Your Design System

Essential Layout Components For Your Design System

The weirdly obscure art of Streamed HTML

How to write performant React code: rules, patterns, do's and don'ts

Do you still work with jQuery?

Do you still work with jQuery?

Show off your Lighthouse scores as static HTML in Eleventy with the PageSpeed Insights API

Problems with using useFakeTimers('modern') in a create-react-app (CRA) project with Jest 26 and Lodash's debounce function

Companies using utility-first CSS (like Tailwind) in production

Accessible and animated expand/collapse components with Alpine.js and Tailwind CSS

A small TailwindCSS plugin to emulate support for Flexbox gap in older Safari/iOS browsers

Using Style Dictionary to transform Tailwind config into SCSS variables, CSS custom properties, and JavaScript via design tokens

Tying Tailwind styling to ARIA attributes