Pixel Pioneers Bristol

A Pragmatic Guide to Browser Support
It’s tempting to think of Baseline as creating a hard line. If a feature isn’t Baseline, then it’s not ready for use. However, we all know that web development is a world of “it depends”. While we can, in most cases, make an objective, unopinionated call on whether something is or is not interoperable, it’s much harder to decide whether something is a good candidate for progressive enhancement. That requires an opinion, knowledge of the audience, even the exact use of the feature. So, how should you think about using Baseline to inform your browser strategy? What about those features that have limited availability but are obvious progressive enhancements or have a great polyfill? Is there a difference between a feature that’s only in one browser and one that’s stable in two? In this talk, you'll learn about some of the CSS and JavaScript features that are Newly available and some that are still not yet Baseline, but that have a clear path to be included in your development roadmap.

The Invisible Divide: Understanding Layout Between UI Design and Code
Designers and developers often approach layout with different mental models, especially around grids, spacing, and responsiveness. That disconnect leads to friction and broken expectations. In this talk, we look at layout from both sides: CSS Grid, Flexbox, and Container Queries from the code side, and Figma and Penpot from the design side. This is not about handoff perfection, but about building shared understanding and better outcomes through clearer collaboration.

Language: The Secret Sauce of Great UX
Good, helpful, useful, readable content is at the heart of good design. So, why is it so often seen as an afterthought? This talk hones in on how we can change that, delving into linguistics and examples to highlight why real content is crucial and how UX design and content people can work together to create the most meaningful designs – even when your content designers are stretched thin (or non-existent at your org!).

Dev x Design x PM: A Trio in Transition
The classic Developer x Designer x PM trio is supposed to work like a well-oiled machine… but in reality, it's often three people arguing over who broke the designs, who forgot the edge cases, and who keeps adding "just one more feature" to the MVP. With budgets tightening and AI speeding everything up, those old role boundaries make even less sense today, yet the friction remains. How do we collaborate without stepping on each other's toes, or egos? In this talk, we'll cut through the "AI builder" buzzword and focus on what can work inside established orgs. Morgane will share concrete examples and practical advice to help teams work together more smoothly and with less eye-rolling.

Designing and Building for the Low-Carbon Web
Have you ever considered the environmental impact of your digital work? Have you felt stuck, not knowing what you can do within your role? In this talk, we will explore how designers and developers can reduce the footprint of the digital products and services they create for clients. From the initial mindset shift, through tweaking how we work with industry tools, to implementation and measurement – this talk isn’t about shaming or passing the blame torch. It’s about the everyday changes you can make that are better for both people and the planet.

Making HTML Make Music
The <img/> element was available in 1995. We had to wait another 15 years for <audio/>. There’s still little we can do with sound in HTML, except play, or stop, something already recorded. Actually sampling, signal processing, and sequencing sound means either raw-dogging the Web Audio API or using a monolithic library like Tone.js. In any case, you find yourself writing a lot of JavaScript and not much music. I want to be able to design sound like I write prose: hypertextually. Pursuing this has become a multi-year obsession, and it’s revived my 20-year-long passion for the web. Along the way, I’ve discovered a 2KB custom element can do as much as £200 of hardware. This way to the rabbit hole!