.
Labella.js : Placing Labels on a Timeline
If you try to place labels for points on a timeline (or any 1D space), one common problem is the labels often overlap. How about making the labels push each other. Use the force, jedi-style.
- Play with interactive demo to learn more
- See examples: up | down | left | right | with text (v) | with text (h)
- Read the instructions on this page or API reference.
jQuery-DataEntry : Forms Validation Plugin
Forms validation plugin that supports AJAX requests, automatic decoration of fields, localized error messages. Integrable with Angular, Backbone, Knockout.
Features:
- Provides a way to implement form validation with little coding
- Provides a structure to manage the client side validation at application level: keeping it consistent in every form
- Provides a flexible way to define validation rules, also involving AJAX calls or other asynchronous operations
- Automatic field decoration
- Automatic formatting logic
Interactive Geographical Map with SVG and JavaScript
I’ve demonstrated how SVG can be used to create responsive, scalable imagemaps, but have left the interactive part – aside from simple hover effects – largely unexplored, with a few exceptions. That changes with this article and the one following, which explore how to create a full, in-depth interface using SVG and JavaScript: in this case, a geographical map.
Ultimate Grid Pro with HTML5 & JavaScript
Ultimate Grid Pro is indeed the ultimate responsive multimedia grid builder packed with an insane set of features that allows to create unlimited, filterable / sortable multimedia portfolios, product swhowcase, image galleries with unlimited possibilities. It includes five grid types with vertical or horizontal layout variation (dynamic, classic, masonary, flexible and infinite) that allow to display various multimedia content in a highly customizable way. It runs on all major browsers with support for older browsers like IE8 and mobile devices like iPhone, iPad, IOS, Android or Windows mobile.
Responsive layout. Five grid layouts included with vertical and horizontal variation (dynamic, masonry, classic, flexible and infinite).
Pro Range Data Slider : jQuery Plugin
.A substantial improvement over the data range sliders in jQueryUI and Twitter Bootstrap.
- HTML5 ready. Use the new elements with confidence
- A touch friendly data range slider
- No code bloat
- Formats input to JSON
- Tallys amounts from each range slider to provide a total
- Can be re-styled any way you like in CSS
