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:

<!-- 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>
TA Styled Plugins Logo
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.

TA Styled Plugins are licensed under the MIT license, see LICENSE for details.

Copyright © 2019-2022 Markus A. Wolf - www.markusantonwolf.com

Imprint | Privacy