I didn’t get a pine tree for Christmas this year so I decided to compensate by creating a digital counterpart out of HTML form elements.
Best jQuery Core Java Script Plugins & Tutorials with Demo
Protovis : A graphical approach to visualization with JavaScript
Protovis composes custom views of data with simple marks such as bars and dots. Unlike low-level graphics libraries that quickly become tedious for visualization, Protovis defines marks through dynamic properties that encode data, allowing inheritance, scales and layoutsto simplify construction.
Protovis is free and open-source, provided under the BSD License. It uses JavaScript and SVG for web-native visualizations; no plugin required (though you will need a modern web browser)! Although programming experience is helpful, Protovis is mostly declarative and designed to be learned by example.
SIMPLEMODAL : Small plugin to create Modal Windows
SIMPLEMODAL is a small plugin to create modal windows. It can be used to generate alert or confirm messages with few lines of code. Confirm configuration involves the use of callbacks to be applied to affirmative action; it can work in asynchronous mode and retrieve content from external pages or getting the inline content.SIMPLEMODAL is not a lightbox although the possibility to hide parts of its layout may partially make it similar.
PaintbrushJS : Browser-based Image processing JavaScript library
PaintbrushJS is a lightweight, browser-based image processing library
that can apply various visual filters to images within a web page.
You use it by applying a class to an element on the page and setting
a few parameters with some extra HTML attributes. If the element is
an img or it has a background-image set in your CSS, PaintbrushJS
will create a temporary canvas element and manipulate the image
there, before finally saving it back out to the original element.
Dancer.js : A high-level audio javascript API
dancer.js is a high-level audio API, usable with both Mozilla’s Audio Data API and Webkit’s Web Audio API with flash fallback, designed to make sweet visualizations.
Features:
- Use real-time audio waveform and frequency data and map it to any arbitrary visualization
- Use Dancer to get audio data from any preexisting audio source
- Leverage kick detection into your visualizations
- Simple API to time callbacks and events to any section of a song
- Supports Web Audio (webkit), Audio Data (mozilla) and flash fallback (v9+)
- Extensible framework supporting plugins and custom behaviours
Prism : Lightweight, robust, elegant syntax highlighting
Prism is a new lightweight, extensible syntax highlighter, built with modern web standards in mind. It’s a spin-off from Dabblet and is tested there daily by thousands.
Features:
- Each language definition adds roughly 300-500 bytes.
- Prism forces you to use the correct element for marking up code:
<code>. On its own for inline code, or inside a <pre> for blocks of code. In addition, the language is defined through the way recommended in the HTML5 draft: through a language-xxxx class. - upports parallelism with Web Workers, if available.
- Very easy to extend without modifying the code, due to Prism’s plugin architecture.
- Very easy to define new languages. Only thing you need is a good understanding of regular expressions
- All styling is done through CSS, with sensible class names rather than ugly namespaced abbreviated nonsense.
- Wide browser support: IE9+, Firefox, Chrome, Safari, Opera, most Mobile browsers
- Highlights embedded languages (e.g. CSS inside HTML, JavaScript inside HTML)
- Highlights nested languages (CSS in HTML, JavaScript in HTML)
Pikaday : JavaScript datepicker
Pikaday is a JavaScript datepicker with a light footprint and easy style-ability with modular CSS. Pikaday is packed below 5kb and isn’t even dependent on jQuery. It does play well with Moment.js if you need advanced formatting. This datepicker has literally been on my “projects to build” list for years. I’ve seen alternatives since but nothing I’ve been happy to develop further.
EasyStar.js : Javascript A* Pathfinding library for HTML5 games
A* is an algorithm for finding the shortest path between two points. It is very useful in game development. Any tile-based game that requires this kind of movement will probably utilize some form of A*. Tower Defense games, City Building games, Rogue-Likes, the list goes on.Thus EasyStar.js is a simple A* API written in Javascript.
Features:
- The ability to spread out your calculations over multiple calls. EasyStar.js lets you specify how many calculations should be performed each call.
- The ability to add separate points to avoid, outside of those that are avoided based on tile type.
- The ability to specify which tile types are walkable, and which are unwalkable.
- EasyStar calls a callback if it finds your path, or if there is no possible path.
