background preloader


Facebook Twitter

Monthly JSter #6: News of August 2013. Strength.js. Documentation Strength.js provides a toggle feature for password input fields that allows the user to view or asterisk the password.


It also features a strength indicator to show how secure a users password is. The password secuirty indicator is marked on 4 scores. These are Password must contain 8 characters or more Password must contain 1 lowercase letter Password must contain 1 uppercase letter Password must contain 1 number ..:: Getting Started Include the relevant files Firstly include jQuery and the strength.css and strength.js files. Create a password input field.  Optical Kerning FTW! TypeButter  Better2Web / jquery.percentageloader. Gravityonmars/Balloons.IO. FitText - A plugin for inflating web type. A jQuery responsive images plugin to help ease the transition. jQuery EasyUI - help you build your web page easily. Vanilla JS. The last responsive content slider you'll ever need. FitVids.JS - A lightweight, easy-to-use jQuery plugin for fluid width video embeds.

Gridster.js. Redactor WYSIWYG html editor. By James Fenimore Cooper Winding its way among countless islands, and imbedded in mountains, the "holy lake" extended a dozen leagues still further to the south.

Redactor WYSIWYG html editor

With the high plain that there interposed itself to the further passage of the water, commenced a portage of as many miles, which conducted the adventurer to the banks of the Hudson, at a point where, with the usual obstructions of the rapids, or rifts, as they were then termed in the language of the country, the river became navigable to the tide.​ "Come," he said, with a good-humored smile; "the buck that will take to the water must be headed, and not followed. " The route taken by Hawkeye lay across those sandy plains, relived by occasional valleys and swells of land, which had been traversed by their party on the morning of the same day, with the baffled Magua for their guide. The sun had now fallen low toward the distant mountains; and as their journey lay through the interminable forest, the heat was no longer oppressive.

Datejs - An open-source JavaScript Date Library. Morris.js. Getting started Add morris.js and its dependencies (jQuery & Raphaël) to your page. 1 <link rel="stylesheet" href=" <script src="//"></script>3 <script src="//"></script>4 <script src="

morris.js jPages. What does it do?


jPages is a client-side pagination plugin but it gives you a lot more features comparing to most of the other plugins for this purpose, such as auto page turn, key and scroll browse, showing items with delay, completely customizable navigation panel and also integration with Animate.css and Lazy Load. Apart from all its features, the main diference for the other pagination plugins is that with jPages you can create as many navigation panels as you want and you can choose exactly where to place them. The plugin is very unobtrusive and it won't apply any extra styles to the items you are paginating. It will only create and insert the links inside the element(s) you are applying the plugin to, in order to turn them into navigation panel(s). Compatible with All Browsers and IE7+ Responsive Email Templates. Calendario: A Flexible Calendar Plugin.

A jQuery calendar plugin for creating flexible calendars.

Calendario: A Flexible Calendar Plugin

View demo Download source. jQuery Joyride Plugin. jQuery.BlackAndWhite - Gianluca Guarini. Instafeed.js - a simple Instagram javascript plugin. Theme Responsive Tout sur le responsive web design. Stacktable.js, table responsive. Stacktable.js est un plugin jQuery pour rendre vos tableaux responsives et les adapter à toutes les tailles d’écran.

stacktable.js, table responsive

Le constat de John Polacek, développeur de stacktable.js est le suivant : afficher un tableau sur un mobile en réduisant la taille des colonne d’une table n’est pas toujours possible pour les grands tableaux. Aussi, propose-t-il une solution vraiment très efficace : recréer un tableau sur 2 colonnes (une pour les titres de colonne et une pour les données) à partir du tableau original.

Et le résultat permet d’adapter à toutes les tailles d’écran le contenu des tables. Une idée toute simple, encore fallait-il y penser ! Smart Wizard - flexible jQuery plug-in that gives wizard like interface - Tech Laboratory. Documentation Getting Started Basic Usage: Using with option parameters: Parameters and Events are describing on the table below.

Smart Wizard - flexible jQuery plug-in that gives wizard like interface - Tech Laboratory

Adding a Timepicker to jQuery UI Datepicker. Getting Started Highly Recommended Handling Time eBook Check out the Handling Time eBook to learn from the basic setup to advanced i18n usage, and from client's javascript to the server's database. eBook + Example code eBook Subscribe to Blog and Twitter Subscribe to my blog via email and follow @PracticalWeb on Twitter.

Adding a Timepicker to jQuery UI Datepicker

Download Download Timepicker Addon. jQuery UI. jQuery. jQuery Validation Plugin. "But doesn't jQuery make it easy to write your own validation plugin?

jQuery Validation Plugin

" Sure, but there are still a lot of subtleties to take care of: You need a standard library of validation methods (such as emails, URLs, credit card numbers). DataTables (table plug-in for jQuery) jQuery Menu: Dropdown, iPod Drilldown, and Flyout styles with ARIA Support and ThemeRoller Ready. Posted by Maggie on 04/02/2009 Topics: css jQuery jQuery UI ThemeRoller ui design Update: We contributed this menu plugin to the jQuery UI library.

jQuery Menu: Dropdown, iPod Drilldown, and Flyout styles with ARIA Support and ThemeRoller Ready

How to Ajax auto refresh after x seconds,JQuery css gallery, css scripts showcase, Iphone gallery, Twitter tricks, php scripts, ajax scripts, Twitter API, help examples, CMS, Drupal, Joomla, 42+ jQuery Image Gallery Plugins. A list of 42 jQuery image galleries, sliders, plugins and tutorials built using jQuery Here’s a list of 42 jQuery image galleries, sliders, plugins and tutorials built using jQuery: 1. TN3 Gallery TN3 Gallery is a full fledged HTML based customizable image gallery with slideshow, transitions and multiple album options.

Compatible with all modern desktop and mobile browsers. JQuery Corner Demo. It's important to understand that this corner plugin is pulling off its magic by adding more elements to the page. Specifically, it adds div "strips" to the item to be cornered and sets a solid background color on these strips in order to hide the actual corners of the real item.

So if you step back and look at the cornered element, think of there being solid colored divs hiding the true squared off corners of the item you wish to be changed. This helps you understand the inherent limitations of this small plugin. It's best suited for rounding off block-level elements (divs, paragraphs, etc) and may present more challenges when trying to round off inline elements (spans, anchors, etc). Vertical Tabs.