Chris Burnell

• ⬇️Download PDF
• 📧Email
• GitHub
• LinkedIn

---

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 open-source software 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 meet-ups, most notably, State of the Browser.

---

Professional Experience Permalink ¶

• 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 keeping my team up-to-date on how we can leverage stable, new technologies to simplify and enhance the library of components.

• 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.

• 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.

• 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.

Web 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.

Front 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 ¶

• Organised 6 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*

Launched a web development blog and have published over 230 blog posts, including 55 longform articles, 68 articles about CSS, and 27 code demos, some of which have been featured on CodePen.

• 🗜clamp() Calculator
  Handy little tool for calculating viewport/container-based clamped values for use in CSS.
• 🏄Browser Feature Watch
  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.
• 💬eleventy-cache-webmentions (>8,150 npm downloads · 17 ★ on GitHub)
  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.
• 🐋Bowhead (>6,350 npm downloads · 4 ★ on GitHub)
  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.
• 🎹Pentatonic (>4,550 npm downloads · 0 ★ on GitHub)
  A JavaScript library for turning any array of integers into a fun little melody using the Web Audio API.
• 📈<spark-line> (>3,850 npm downloads · 8 ★ on GitHub)
  A Web Component to turn an array of integers into a fun little chart.