All Projects → panteng → ie-blocker

panteng / ie-blocker

Licence: other
A lightweight modal for asking website visitors to stop using outdated IE browsers.

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Projects that are alternatives of or similar to ie-blocker

Cbt Tunnel Nodejs
Node.js module for Local Connections to crossbrowsertesting.com
Stars: ✭ 39 (-23.53%)
Mutual labels:  cross-browser
Scroll Js
Light cross-browser scroller that uses native javascript
Stars: ✭ 179 (+250.98%)
Mutual labels:  cross-browser
universalSmoothScroll
A cross-browser smooth-scrolling API which supports multiple and interruptable scroll-animations on all DOM's elements, even at the same time!
Stars: ✭ 46 (-9.8%)
Mutual labels:  cross-browser
React Stickyroll
A react implementation of stickyroll (original)
Stars: ✭ 132 (+158.82%)
Mutual labels:  cross-browser
Vue Warehouse
A Cross-browser storage for Vue.js and Nuxt.js, with plugins support and easy extensibility based on Store.js.
Stars: ✭ 161 (+215.69%)
Mutual labels:  cross-browser
Hprose Html5
Hprose is a cross-language RPC. This project is Hprose 2.0 Client for HTML5
Stars: ✭ 237 (+364.71%)
Mutual labels:  cross-browser
React Resize Detector
A Cross-Browser, Event-based, Element Resize Detection for React
Stars: ✭ 725 (+1321.57%)
Mutual labels:  cross-browser
css-initials
initial CSS values to use in `all: initial` polyfils
Stars: ✭ 71 (+39.22%)
Mutual labels:  cross-browser
Restyle
Stars: ✭ 171 (+235.29%)
Mutual labels:  cross-browser
es6-proxy-polyfill
ES6 Proxy polyfill, supports IE8+, Node.js, etc.
Stars: ✭ 49 (-3.92%)
Mutual labels:  ie8
Hprose Js
Hprose is a cross-language RPC. This project is Hprose 2.0 RPC for JavaScript
Stars: ✭ 133 (+160.78%)
Mutual labels:  cross-browser
Ifvisible.js
Crossbrowser & lightweight way to check if user is looking at the page or interacting with it.
Stars: ✭ 1,896 (+3617.65%)
Mutual labels:  cross-browser
react-antd-ie8
兼容到ie8的react/antd/redux/router; demo查看 https://heavensky.github.io/react-antd-ie8 (慢) 或 http://heavensky.gitee.io/react-antd-ie8 (快); 全最新且支持ie9查看 https://github.com/HeavenSky/react-antd-ie9; 本项目已更新和迁移到 https://github.com/HeavenSky/webpack-frames
Stars: ✭ 18 (-64.71%)
Mutual labels:  ie8
Morphist
A simple, high-performance and cross-browser jQuery slider / slideshow / carousel plugin for child objects powered by Animate.css.
Stars: ✭ 60 (+17.65%)
Mutual labels:  cross-browser
reason-cookie
A simple way to use cookies in Reason (OCaml) on the frontend. 🍪
Stars: ✭ 18 (-64.71%)
Mutual labels:  cross-browser
Web Extension Starter
🖥🔋Web Extension starter to build "Write Once Run on Any Browser" extension
Stars: ✭ 987 (+1835.29%)
Mutual labels:  cross-browser
Store.js
Cross-browser storage for all use cases, used across the web.
Stars: ✭ 13,656 (+26676.47%)
Mutual labels:  cross-browser
cazary
jQuery plugin of WYSIWYG editor that aims for fast, lightweight, stylish, customizable, cross-browser, and multi-language.
Stars: ✭ 12 (-76.47%)
Mutual labels:  cross-browser
eins-modal
Simple to use modal / alert / dialog / popup. Created with pure JS. No javascript knowledge required! Works on every browser and device! IE9
Stars: ✭ 30 (-41.18%)
Mutual labels:  ie9
webpack3-ie8
PoC for using Webpack 3 in IE8
Stars: ✭ 15 (-70.59%)
Mutual labels:  ie8

IE-Blocker

A lightweight modal for asking website visitors to stop using outdated IE browsers.

Screenshot

Demos

Please use IE 6-9 to visit the following links:

Live Preview - English Version

实时预览 - 中文版

You will see a modal dialog which asks you to switch to a modern browser.

Installation

Install through npm or Bower

// With npm
npm install ie-blocker --save

// With Bower
bower install ie-blocker --save

Usage

Include ie-blocker.css and ie-blocker.en.js in the <head> tag. And wrap them into conditional comments for IE:

<!--[if lte IE 8]>
<link rel="stylesheet" href="ie-blocker/ie-blocker.css">
<script src="ie-blocker/ie-blocker.en.js"></script>
<![endif]-->

Options

  • img-path:

    By default, browser icon images are placed under the img folder within the same directory of ie-blocker.en.js. You can change the path by adding the img-path attribute:

     <!--[if lte IE 8]>
     <link rel="stylesheet" href="ie-blocker/ie-blocker.css">
     <script src="ie-blocker/ie-blocker.en.js" img-path="../your_custom_path/"></script>
     <![endif]-->
    

    The value of option img-path is a relative path to the ie-blocker.en.js file. Don't forget the '/' at the end.

License

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].