Chris Burnell
Front End Developer and Software Engineer
Summary Permalink ¶
Front End Developer and Software Engineer with 16 years of experience, specialising in CSS, design systems, developer relations and education, and technical writing and speaking.
Work roles involved creating design systems and tools to enable teams to build maintainable and performant websites, with an uncompromising focus on accessibility and user experience. These also included lead roles in building the front end and CMS architecture for small to enterprise clients, chiefly in the higher education and government sectors, as I oversaw the project lifecycle and acted as their primary technical contact.
Passionate about the open web, having published over 50 technical articles, and author of several open-source projects used by thousands of developers worldwide and on production client websites. Actively involved in the web community with many years of experience in organising conferences and meetups, most notably, State of the Browser.
Professional Experience Permalink ¶
Squiz
February 2018 – December 2023Software Engineer
January 2023 – December 2023- Built, maintained, and published a library of React components to enable developers to build accessible and customised client websites quickly that have been fully-tested and are production-ready.
- Responsible for keeping track of web standards and introducing my team to how we can leverage stable, new technologies to simplify/enhance the library of components.
Lead Developer & Chapter Lead
May 2022 – January 2023- Lead Developer and primary technical contact for 8 key clients, defining their complete technical implementation and standard of quality, with a focus on higher-education and government websites.
- Formulated learning packages as Chapter Lead to grow the front end knowledge of over 30 developers, which catalysed adoption of best practices and expertise.
- Managed a team of two developers, enabling them to pursue and succeed in career goals and development.
- Established a robust design system for projects which reduced development times by over 50% and enabled both technical and non-technical stakeholders to understand and participate in dialogue about the complex intersection between design and development.
Lead Developer
February 2021 – May 2022- Implemented modern web standards by redefining best practices, which led to higher code quality and reduced context-switching for developers working across multiple projects.
- Lead Developer for the UK’s largest project of 2021, coordinating cross-functional stakeholders and making use of modern CSS for stronger art direction capabilities that improved the project’s reflection of the client’s brand identity.
- Mentored a Junior Developer for 20 hours a week over the course of a 6-week project and was able to deliver the project in 50% of the estimated time and achieved perfect Lighthouse and WCAG AA scores.
Front End Developer
February 2018 – July 2020- Contributed to both the front end and content management implementations for client work and was the key advisor for expertise on front end development, particularly to do with CSS, and was consulted on dozens of projects for this knowledge.
- Volunteered to facilitate the standardisation of the global company boilerplate, authored the project’s documentation, and incorporated new features as a key feedback channel for developers. This boilerplate is used by over 100 projects globally.
- Single-handedly developed the UK’s first design system which is now used by more than 10 enterprise-level projects, leading to more coherent codebases and a significant reduction in bugs and turnaround time for ad hoc work.
City, University of London
June 2014 – February 2018Web Developer
- Primary front end development advisor for both the University’s Main Website and Bayes Business School.
- Collaborated with the Digital Marketing and Design teams to oversee the redesign and development of the University’s websites to reflect its major brand refresh.
- Overhauled the University’s Clearing Website to simplify the user journey and automate backend processes required for incoming applications, reducing processing times and dependence on staff. This led to significant cost and time savings for the University, and continues to be used to this day.
Squiz
April 2012 – January 2014Front End Web Developer / UI Developer
- Built both the front end and content management implementations for client work, specialising particularly in cross-browser compatibility.
- Set up and organised learning initiatives for developers, including Implementor Scrum, an opportunity for developers to explore best practices and emerging web technologies in a casual group setting.
Community Experience Permalink ¶
Conference Organiser for State of the Browser
May 2018 – February 2024- Organised 5 annual, not-for-profit conferences, showcasing over 45 speakers with 150+ in-person attendees each year.
- Liaised with speakers, sponsors, and venues as well as handled the logistics of running an in-person and online conference.
- Sourced sponsorship to fund the events and enable under-represented groups to attend for free.
- Built and maintained the conference websites, including a design refresh in 2018 and codebase refresh in 2021 as well as extensive work with APIs, to automate many organisational tasks for the conference.
- Annual conference websites: 2018, 2019, 2021, 2022, 2023, 2024 (coming soon!)
Technical Writer on chrisburnell.com
2013 – presentLaunched a web development blog and have published over 240 blog posts, including 54 longform articles, 67 articles about CSS, and 26 code demos, some of which have been featured on CodePen.
Open Source Author
2019 – present-
Handy little tool for calculating viewport-based clamped values for use in CSS. -
This page serves as an one-stop shop to keep track of feature support across the major, modern browsers, ordered by level of support. Updated automatically daily. - Bowhead (>5,600 downloads · 4 ★)
A SCSS framework for integrating design tokens into a CSS codebase with support for CSS Variables. This project has been a key component for 6 client websites during my time at Squiz. - eleventy-cache-webmentions (>7,200 downloads · 15 ★)
A plugin for the popular static site generator, Eleventy, that allows the caching of Webmentions and makes them available to use throughout one’s website. - Pentatonic (>4,400 downloads · 1 ★)
A JavaScript library for turning any array of integers into a fun little melody using the Web Audio API. - spark-line (>3,700 downloads · 6 ★)
A Web Component for generating sparkline graphs from a sequence of integers using the Canvas API.

