Our Take - 8 Nov, 2021 – 3 Min Read

Why we're no longer supporting old browsers

Todd Padwick
By Todd Padwick

Founder, Creative Director

Browsers hero

Internet Explorer was discontinued in 2013. Which may feel like yesterday, but at the time of writing this article is eight years ago. Nearly a decade. So you can imagine our frustration (hey, we're creatives after all!) that we're regularly asked to support the archaic browser, for the select few who still use it.

Internet Explorer was discontinued before the full adoption of some of the most important features of the modern web, so supporting it requires adding in fallbacks that often result in bloated code and a slow and tedious development process.

But it's not just Internet Explorer we're taking (polite) umbrage with. Even old versions of current browsers like Chrome, Safari and Firefox can pose issues.

So this year, we decided to stand by our commitment to purposeful web design by no longer supporting browser versions that don't have the following key development technologies:

Flexbox

Flexbox was introduced in 2009 but wasn't fully adopted by modern browsers until roughly 2017. Flexbox helps developers position elements within a container to allow for more flexibility and control. It is, in my opinion, one of the most important CSS updates from the past two decades. Before Flexbox, American developers had to hack positioning elements like columns and rows by using display float, which was not fit for purpose.

Css flexbox support

Css flexbox support

Looking to propel your online presence into the future?

Speak to our team to find out how we can help

CSS Grid

CSS Grid might not be as essential as Flexbox, but it is still an incredibly useful tool for creating complex grid layouts. At Function & Form, we often use it to display a patchwork of images or a gallery. Without it, creating layouts can be arduous so it's quickly become an important part of our toolbox. CSS Grid was first announced as early as 2007, but was not widely adopted until 2017.

Css grid support

Css grid support

CSS custom properties

CSS custom properties was a welcome addition to CSS. It allows users to create interchangeable variables for elements including colour and fonts. These can then be changed dynamically — perfect for theming templates with different colour ways or styles. You'll see it used a lot to create recognisable styling tools like 'dark mode'.

Css vars support

Css vars support

What does this mean for you?

To improve both the user and client experience, we now add a notice to any websites we create recommending users upgrade their browser if it doesn't support the above technologies.

The internet is progressing and changing faster than ever before, and with more browsers switching to Chromium under the hood, including Edge, soon browser support will become much more consistent and the adoption of new features much faster. And we couldn't be more for it.

Here's to a better, more powerful web...

Like what you see?

Get in touch and let's build something amazing together

Function & Form Digital © | For the world, from London and Barcelona.

First and Second Floor, 8 Shepherdess Place, London N1 7LJ | CRN 10775089

Sorry, your browser is too old to support our website

Some things get better with age, but not browsers. Using an old browser can leave you and your data at risk as well as prevent you from experiencing the best of the modern web. To use our website, we'd recommend switching to, or upgrading one of the following: