Pixel Pioneers 2024
2024-06-14
Bristol, United Kingdom
[Pixel Pioneers Bristol 2017, Pixel Pioneers Bristol 2019, Pixel Pioneers Bristol 2022, Pixel Pioneers 2023, Pixel Pioneers 2024, Pixel Pioneers 2025, Pixel Pioneers 2026]
who it's for
front end developers, ui designers, design system maintainers, accessibility engineers, web performance engineers, engineering managers
topics
design system governance and contribution; container queries and :has() usage; popover API and CSS-only popovers; Flow to TypeScript migration strategy; migration scripts and package generators; Interaction to Next Paint (INP) optimisation; custom elements and navigation API usage; browser speculation rules for prefetching; ARIA naming pitfalls and fixes; screen reader testing and live regions; RAG with vector embeddings; AI tools for web development
| title | author | length |
|---|---|---|
| How to Maintain a Design System | Amy Hupe | 41m |
Eight years of design system work leads to specific takeaways: a well‑documented component library and docs can still be a picture‑perfect system unused when… | ||
| Modern CSS Layout is Awesome! | Michelle Barker | 39m |
Shows working patterns not promises and demos that actually run in Chromium and Edge, including a CSS-only animated grid track and popovers built with the… | ||
| So You’ve Decided to Do a Technical Migration | Sophie Koonin | 34m |
Migrates Monzo’s web properties from Flow to TypeScript, a multi-team effort that takes just over two years and finishes by removing Babel from the biggest… | ||
| The Unbearable Weight of Massive JavaScript | Ryan Townsend | 49m |
Claims that Interaction to Next Paint (INP) exposes JS bloat as the root cause of sluggish sites, and that swapping SPAs for native platform APIs — custom… | ||
| Mindful Design: The Practical Stuff – The Psychology Of UX | Scott Riley | 41m |
Claims a concrete workflow: keep a project diary that logs who made each decision, assumptions and risks; use the Mindful Design toolkit (Figma canvases… | ||
| Learning UX Design & Visual Design Basics To Improve Web Developer and Designer Collaboration | Stephanie Stimac | 37m |
Argues that developers who learn UX and visual basics reduce friction by sharing Figma files, contributing to Design Systems, and running quick usability… | ||
| Website Accessibility Examples That Hinder Accessibility | Ian Lloyd | 40m |
Demos show screen readers, VoiceOver and voice control breaking when ARIA names override visible text (a logout link becomes my account, violating SC 2.5.3… | ||
| Best AI Tools for Web Developers / How to Use AI in Web Development | Tejas Kumar | 37m |
Claim: front end developers can be “AI engineers” without ML math and can ship solutions today. Shows RAG + vector store retrieval using embeddings (1,536-dim… | ||
| nothing matches | ||