Supported Browsers & Devices
Building websites also means making choices on how and what to implement as the technology that powers them changes at a very fast pace. My general strategy is to make use of the latest tech to make designs stand out while also providing simpeler fall-backs for older browsers and devices.
This does mean that websites don’t look the same in all situations.
There are three main reasons:
- Screen size Impacts both layout and functionality as smaller screens require a different way of viewing and interacting with elements of a site.
- Browser Each browser interprets how website code will be rendered in their own way. Sometimes the differences are small, other times it can differ quite drastically.
- Age This goes for both devices and browsers. Older technology means less options, less power, less functionality.
As much as I would like to, I can’t take into account all of the different options on the market so I have to make a decision on what to support.
What I support
I design and code with the following levels of support in mind depending on support segment.
- Layout: this refers to what is usually called the ‘design’ of the site but is really the way the website looks.
- Functionality: refers to any parts where a visitor can interact with your site. E.g: forms, slide out menu’s, maps, shopping carts, etc
- active support: designed to work optimally, full support of layout, functionality
- functional support: full support of functionality, partial support of layout
- minimal support: partial support of functionality, no support of layout
- no support: the website content can be viewed but has no support for either layout or functionality
Browsers: all modern browsers in current development.
Devices: all modern devices (max.5 years old) with screen sizes ranging 360×640 to 1920×1080
- Chrome 60+ (including Chrome Android)
- Firefox 52+ (including Firefox Android)
- Safari 10.1
- Safari iOS 10.3+
- Microsoft Edge 16+
- Opera 44+
Browers: For slightly older browsers that are still in general use.
The layout will NOT work as in browsers that are actively supported but the website will be accessible and should remain readable & usable for all visitors
Devices: screen sizes above 1920×1080
- IE 11
- Chrome 40+
- Firefox 27+
- Safari 9+
- Safari iOS 9.2+
- Microsoft Edge 12+
- Opera Mini
- Android (default browser)
- Opera Mobile
Browsers: For older browsers that have minimal use & default mobile web browsers
The website should still be readable and basic functions will work, however I can’t guarantee it will be fully functional
- IE 9 – 10
- Chrome – versions below 40
- Firefox – versions below 27
- Safari – versions below 9
- Safari iOS – versions below 9.2
Browsers: Any browsers not in the previous categories
Devices: smart watches, game consoles
What if you absolutely need support for a non-supported browser or device?
If you think this is a must have we can work on improving your site design to work for older browsers or a specific device.
Please note that the design will NEVER match the one for the default modern browsers but we can make it look more in line with the general style.
Consider that this will increase development cost and time anywhere between 20% – 50%, depending on the browser(s) or device(s) you want to add support for.
Need more info?
Don’t hesitate to ask me if you have any questions.
All information on this page is valid until September 1st, 2023.