Selectivizr - CSS3 pseudo-class and attribute selectors for IE 6-8 jQuery: The Write Less, Do More, JavaScript Library Response JS: mobile-first responsive design in HTML5. Chart.js | Documentation Everything you need to know to build great looking charts using Chart.js Getting started Include Chart.js First we need to include the Chart.js library on the page. Alternatively, if you're using an AMD loader for JavaScript modules, that is also supported in the Chart.js core. // Using requirejsrequire(['path/to/Chartjs'], function(Chart){ // Use Chart.js as normal here. // Chart.noConflict restores the Chart global variable to it's previous owner // The function returns what was previously Chart, allowing you to reassign. var Chartjs = Chart.noConflict(); }); You can also grab Chart.js using bower: bower install chartjs --save Creating a chart To create a chart, we need to instantiate the Chart class. // Get the context of the canvas element we want to selectvar ctx = document.getElementById("myChart").getContext("2d");var myNewChart = new Chart(ctx).PolarArea(data); We can also get the context of our canvas with jQuery. new Chart(ctx).PolarArea(data, options); Global chart configuration
H5F - HTML5 Forms chapters new field input types, attributes and constraint validation API - GitHub jQuery Dirty Forms, Save your users from losing their data Dirty Forms is a flexible jQuery plugin to help prevent users from losing data when editing forms. Dirty Forms will alert a user when they attempt to leave a page without submitting a form they have entered data into. It alerts them in a modal popup box, and also falls back to the browser’s default onBeforeUnload handler for events outside the scope of the document such as, but not limited to, page refreshes and browser navigation buttons. Oh, and it’s pretty easy to use. For best results use in conjunction with livequery (by Brandon Aaron) Example Try editing the input below, then clicking a link anywhere on this page or click the Am I Dirty? Want more? Download Download it at GitHub: But Aren’t There Other Plugins Like This? Existing solutions were not flexible enough, so I wrote this to make sure that all of our use cases at Learnable would be supported. The entire modal / dialog functionality can easily be swapped out, it uses facebox by default.
45 Fresh Useful JavaScript and jQuery Techniques and Tools Advertisement Yes, this is another round-up of fresh and useful Javascript techniques, tools and resources. But don’t close the tab yet, as you might find this one very useful. In this selection we present calendars, forms, buttons, navigation, debugging, optimization and compatibility tables as well as handy resources and tools. The last section also covers a number of useful educational resources such as a compilation of useful JavaScript coding practices, a detailed comparison of JavaScript frameworks and general JavaScript programming conventions. You may be interested in the following related posts: Calendars and Timelines jDigiClock – Digital Clock (HTC Hero inspired)4 jDigiClock is a jQuery plugin inspired from HTC Hero Clock Widget. jQuery Sliding Clock v1.15 jQuery transpearant Slider clock with CSS sprites. JavaScript Debugging and Validation Tools Venkman JavaScript Debugger project page7 Venkman is the code name for Mozilla’s JavaScript Debugger. Forms, Buttons & Navigation Flip!
kenwheeler/slick webforms2 - Project Hosting on Google Code Update, 7 November 2010: Moving to GitHub: Update, 3 June 2009: Now that the Web Forms 2.0 has been edited into HTML5, this project will seek to implement as much of the HTML5 Forms section as possible. This will be a complete rewrite of the codebase. A cross-browser implementation of the WHATWG Web Forms 2.0 specification. The implementation has been tested and should function in: Mozilla Firefox 1.0.8 Mozilla Firefox 1.5.0.9 Mozilla Firefox 2 Internet Explorer 6 Internet Explorer 7 Safari 2.0.4 Safari 3 (Windows) Opera 9 (native experimental implementation) Implemented Features Extensions to form control elements The form and select elements are extended with data attributes for fetching values and options from external resources. For more information on the implemented features, see the implementation details. Usage Load webforms2.js in the head of your document: Feedback Donations
MontageJS - HTML5 framework usablica/intro.js