Andrew Mason
Senior Frontend Developer
With over 15 years of experience as a senior front-end developer, I specialise in creating accessible web interfaces using the latest technologies, including TypeScript and best design practices. My career highlights include leading award-winning projects at The Guardian , developing Figma plugins at The Telegraph , and building game UIs at Microsoft Studios . I thrive in fast-paced, collaborative environments and am passionate about pushing the boundaries of web development.
Skills and knowledge
Programming
- TypeScript
- JavaScript
- HTML, CSS
- HTTP APIs
Software
- React, Preact
- Webpack, Esbuild
- Unit Tests, Jasmine
- Git, Perforce
UI development
- Responsive design
- Accessibility, WAI
- Browser Testing
- Mobile optimization
Cloud & OS
- AWS, Azure, GCP
- Serverless functions
- CDNs, REST APIs
- Linux, Mac, Windows
Work
- Milton Figma HTML Export Plugin
This open-source Figma plugin, Milton, gives designers the power to craft and export responsive HTML embeds for effortless integration into any CMS.
- Storytelling with Scroll-Triggered Techniques
Creation of a visual storytelling tool using scrolling to trigger image transitions and stacking text
- The Telegraph's podcast embed prototype
A custom built modern podcast audio player and embedding dashboard tool.
- Rare - Sea of Thieve UI engineering
Delivered UI features for Sea of Thieves optimised UI workflows, and prototyped innovative designs for their next title.
- 6x9 - The Guardian's Virtual Reality WebGL website
In-browser 3D animation editor built for the WebGL version of the Guardian's 6x9 virtual reality experience.
- 6x9 - The Guardian's first Virtual Reality experience
6x9 is the Guardian's first virtual reality experience, which places you inside a US solitary confinement prison cell and tells the story of the psychological damage that can ensue from isolation.
- Enhancing The Telegraph with Variable Fonts
Custom built browser tool to visually explore variable font settings on a live web page.
- Dynamic video wall showcase
A dynamic animating video wall displaying the latest content from the Telegraph's print and digital publications.
- Lottie animation integration tool
A web based Lottie preview and embedding tool
- 3D Tour de France Visualization
An innovative 3D WebGL project showcasing the Tour de France's Alpe D'Huez climb, merges satellite imagery with elevation data for an immersive experience
- Glitchor - Image Glitching Using JavaScript
A image glitching tool that explores databending. Glitchor uses JavaScript and the Canvas API to manipulate images for artistic effects
- Beat the Hustler - 360 VR Street Con
Beat the Hustler', a 360 VR experience that immerses you in the heart of a street con game. Explore the fusion of technology and storytelling in VR gaming
- Room 47 – A Unique IoT and Surveillance Experiment
Innovative project that look into the complexities of privacy in the internet age. Combining IoT technologies with a philosophical exploration of surveillance.
- Real-Time Scottish Referendum worldDashboard
Development of a Node.js-based live dashboard for the Scottish referendum, enabling instant data updates and visualization with D3.js, directly from journalists' field inputs.
- Underworld VR - Subterranean London
An immersive virtual reality and interactive journey by The Guardian, revealing the secrets of London's historic sewers.
- Redesigning BBC Homepage - UI Engineering Insights
My role in the BBC homepage redesign, emphasizing accessible UI development, collaboration with UX designers, and adherence to W3C/WAI guidelines.
- Offline Travel PWA Prototype
Offline PWA prototype of the Telegraph's travel guides
- The Telegraph's Matt comic email tool
Web tool for creating email newsletter images of Matt comics