iiinova — where your digital self keeps evolving

Chris Gannon @chrisgannon.bsky.social · 24/06/2026

Arc Speedo has user defined parameters like speed thresholds, ranges and colour scheme. Created with Rive

Chris Gannon @chrisgannon.bsky.social · 04/06/2026

This is a very early draft of a dual temperature slider, part of a suite of vehicle UI elements I'm building. This will likely become a single temperature slider with a preference setting for either Celsius or Fahrenheit.

070

Reposted by Chris Gannon

Oliver Lindberg @oliverlindberg.com · 02/06/2026

Here are the topics of this year's @pixelpioneers.co Bristol on 19 June: 🚀 Browser support 🧑‍💻 UI layouts 🌱 Web sustainability 🤝 Accessibility 𖨆𖨆𖨆 Better collaboration ✍ Content design 🎵 Music with HTML 📈 Web performance 🧩 Design systems Schedule & tix: pixelpioneers.co/events/brist...

A promo illustration for Pixel Pioneers Bristol on 19 June 2026, featuring headshots from 3 speakers: Christine Vallaure, Rachel Andrew, and Morgane Peng.

093

Chris Gannon @chrisgannon.bsky.social · 08/12/2025

I will be casting my beady but festive eye across all the submissions!

042

Chris Gannon @chrisgannon.bsky.social · 06/12/2025

I'm being more experimental with #UI #motiondesign. This is protoToggle.

040

Chris Gannon @chrisgannon.bsky.social · 25/11/2025

CCTV Mouse reports everything your mouse does to Corporation HQ.

190

Chris Gannon @chrisgannon.bsky.social · 24/11/2025

Traffic Light Toggle adds an extra stage to the traditional toggle. Made with Hana from @splinetool.bsky.social

010

Chris Gannon @chrisgannon.bsky.social · 12/11/2025

Fluid AI Agent made with canvas and #javascript (by hand!)

030

Chris Gannon @chrisgannon.bsky.social · 10/07/2025

It's super hot today so don't forget to drink water! #ux #ui #javascript #svg #water #weather

010

Chris Gannon @chrisgannon.bsky.social · 02/07/2025

I need help! Just delivered a project to a client that uses dashed lines in SVG whose attribute strokeDashoffset is animating giving the 'marching ants' vibe. Due to an iOS bug, this doesn't work on iOS. Anyone know a work-around? #javascript #ios #svg

111

Reposted by Chris Gannon

Oliver Lindberg @oliverlindberg.com · 02/07/2025

For his @pixelpioneers.co Bristol talk on animating in 2D and 3D, @chrisgannon.bsky.social created this beautiful animation. Thanks for doing this, Chris! 😍

The words 'Pixel Pioneers' animated to give the impression they're made out of liquid, or under water, with some colour circles around it.

131

Chris Gannon @chrisgannon.bsky.social · 02/07/2025

Another client interactive measurement tool that asks ‘How freely can you express yourself?’ I made this before the stepped slider and coding the dynamic bounce height was tricky! #ux #ui #measure #performance #animation

020

Chris Gannon @chrisgannon.bsky.social · 30/06/2025

WIP of a client’s #ux measurement tool asking ‘How are you coping out?’ #design #ui #animation

030

Chris Gannon @chrisgannon.bsky.social · 28/06/2025

Sneak peek at a WIP client project. This interactive component asks ‘How burnt out are you?’ #ui #interactive #motiondesign

120

Reposted by Chris Gannon

Andy Davies @andydavies.me · 20/06/2025

Loving @chrisgannon.bsky.social’s talk We need more conference talks that explore whimsical stuff like animation on the web and show us the art of what’s possible #PixelPioneers

Slide showing a fried egg in a pan that acts as on / off toggle

2101

Chris Gannon @chrisgannon.bsky.social · 20/06/2025

If you want to code along with me at 2:30 @pixelpioneers.co you can grab the Balloon Slider pen and fork it at codepen.io/chrisgannon 🫡

000

Chris Gannon @chrisgannon.bsky.social · 19/06/2025

I’ll be doing doing a live code demo in @codepen.io and @splinetool.bsky.social at @pixelpioneers.co in Bristol tomorrow. Make sure you have an account if you want to follow along 🤓🙂

020

Chris Gannon @chrisgannon.bsky.social · 11/06/2025

Everyone's going glass crazy so here's a glassy loader created using @splinetool.bsky.social #design #ui #animation #loader #apple

030

Chris Gannon @chrisgannon.bsky.social · 11/06/2025

Here's my quick attempt at the Apple glass slider in @splinetool.bsky.social Happy to share this scene if there's enough interest! #ui #ux #apple #glass

000