TA-Styled-Plugins - Support for legacy browsers

All you should know about the support in legacy browsers of TA-Styled-Plugins. Learn more about how Tailwind CSS and Alpine JS are supporting IE11.

Both latest versions of Tailwind CSS and Alpine JS don’t support IE11 and other legacy browsers. Because TA-Styled-Plugins are based on these both frameworks - the support for legacy browsers depends on your choices.

How to get IE11 support

There is an easy way to get IE11 and legacy browser support for both frameworks.

In case of Tailwind CSS you should use the latest 1.X version - 1.9.6. This version supports IE11. For Alpine JS there is a nice way to get the support for IE11. Thanks to the module/nomodule pattern you can add two versions of Alpine JS to your website and the browser loads automatically the right version. The version that supports IE11 is way larger and includes a lot of polyfills to get Alpine JS running on legacy browsers - 26.8 kByte vs 95.9 kByte with IE11 support.

What should you know about IE11 support:

Tailwind CSS 1.9.6 supports IE11
Alpine JS supports IE11 with a special version

<!-- Alpine JS IE11 support -->
<script type="module" src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js"></script>
<script nomodule src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine-ie11.min.js" defer></script>

Last updated

17. May 2022

Reading Time

~ 1 minutes

Contents

Explore all TA Styled Plugins and learn how to enhance your website fast and easy. All TA Styled Plugins stand for light-weight, responsive, mobile first and 100% customizable with endless animation options and are based on Tailwind CSS and Alpine JS.

Plugins & News

Release Notes TA-Analytics TA-Foodtrucks TA-Pagination TA-YouTube TA-Gallery

Getting started

Behind the curtain Browser Support Error TA Helper Plugins The Basic Concept