Git Product home page Git Product logo

webshim's Introduction

Webshims Lib - The polyfilling, capability based loading JavaScript Library

Features

General Principles:

  • HTML5 compliant: correctly and accurately implemented (HTML5) Markup-, JS- and DOM-APIs
  • capability based loading: extremely lightweight in modern browsers
  • cross-browser support: All A-Graded browsers including latest version of Opera are tested
  • extendable: if we have not implemented a feature you want, you can easily implement it on your own

Implemented Features:

  • HTML5 shiv and innerShiv solution including basic CSS-support
  • canvas
  • HTML5 form features including: constraint validation and form widgets (input[type="range"], input[type="date"], input[type="number"], input[type="time"], input[type="month"], output, progress, input[list]/datalist)
  • HTML5 audio/video/track implementation
  • interactive elements: summary/details
  • JSON (stringify and parse)
  • localStorage/sessionStorage
  • geolocation
  • ECMAScript 5 / JavaScript 1.8.5 features

How To Use


<script src="js/jquery.js"></script>
// Simple change
<script src="js-webshim/minified/extras/modernizr-custom.js"></script> 
// 'Use your own' variant
<script src="js/Modernizr-custom.js"></script> 

<script src="js-webshim/minified/polyfiller.js"></script> 

<script> 
	//load and implement all unsupported features 
	$.webshims.polyfill();
	
	//or only load a specific feature
	//$.webshims.polyfill('geolocation json-storage');
</script>

  • Wait till everything has been loaded and then use it:

<script> 
	$(function(){
		//work with JSON and localStorage 
		var userData = JSON.parse(localStorage.getItem('userData')) || {visits: 0};
		$('#visits').html(userData.visits);
		//...
	});
</script>

More information and demos here.

License

The Webshims Lib core is licensed under the MIT-License. Note: Webshims Lib uses many great third party scripts.

Questions?

If you have any questions, please feel free to ask them on the Using jQuery Plugins forum.

Please tag your questions with 'webshims' or 'polyfill'.

Release 1.10.5

  • input[type="color"]
  • Instant Form Validation helper (enhances the HTML5 UI for much better UX)
  • FileReader API
  • improved range UI styleability
  • lazy load mostly everything (performance)

Release 1.10.4

  • override IE10's type="number" UI
  • improved styleability of input[type="range"]
  • improved loading of mediaelement/track support
  • improved performance for dynamic content (i.e.: updatePolyfill)
  • optional override of IE10's placeholder
  • new fix for placeholder orientationchange bug on Safari iOS

Release 1.10.3

  • tested support for jQuery 2.0.0
  • fixed invisible native audio controls in IE9 in case of preload="none"
  • improved datepicker type="date"/type="number"
  • fixed flash encoding vars for special charakters in video path
  • check initially invalid inputs in Firefox
  • removed unused packages (jQuery UI, swfobject, jwplayer)

Release 1.10.2

  • improved list/datalist options demo
  • small improvements to type="range" and type="date" demo
  • fixed animate bug in jQuery 1.8.3
  • fixed dutch language

Release 1.10.0/1.10.1

  • new UI for all input widgets
  • input[type="month"]
  • progress element
  • list/datalist support for following types: range, month, date (datalist support for text/email/url/tel etc. was already there)
  • type="number" can be localized
  • type="number"/type="time" are custom styleable in supporting browsers
  • video[preload]/audio[preload] for "auto"/"" and "none" values
  • labels property for labellable form elements
  • stepUp/stepDown methods for input elements

webshim's People

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.