User-presence detection with jQuery-IdleCat
“Have you ever needed to perform a single or periodic task on your page based on user’s actual presence? Do you think you really need to fetch new notifications from your servers all the time, or isn’t...
View ArticleGridify your pages
Gridify is a jQuery plugin that utilizes CSS3 transformations to transform your website into a multi page grid with smooth animations. Uses jQuery and Velocity.js! GitHub
View ArticleCreate a lockscreen with patternLock.js
Pattern Lock is a light weight plugin to simulate the Android Pattern Lock Mechanism. It’s easy to configure and style.var lock = new PatternLock("#patternContainer"); var lock= new...
View ArticleMore than 10 Material Design Resources
I am starting a small list of Material Design resources. If you have anything to share, let me know in the comments. ICONS Material Design icons by Google – google.github.io/material-design-icons...
View ArticleExtract dominant image color and apply it to its parent with Adaptive...
A simple jQuery plugin to extract the dominant color of an image and apply it to the background of its parent element. Github / Demo
View ArticleCreate divided multi-scrolling pages
A simple plugin to create multi scrolling websites with two vertical scrolling panels. “multiScroll.js is fully functional on all modern browsers, as well as some old ones such as Internet Explorer 8,...
View ArticleBootstrap Panels with extras = Lobipanel
Sort, drag, expand, resize, minimize bootstrap panels Specify url and load content in panel from this url Change the name of the panel Customize action icons and action tooltips Works for nested...
View ArticleTypeIt – The most versatile jQuery typing plugin on the planet.
“TypeIt is the most versatile, user-friendly jQuery animated typing plugin on the planet. In simple use, it allows you to type single or multiple strings that break lines, delete & replace each...
View ArticleTimedropper – select time with style
Timedropper allows you to select time with some style. Its a jQuery plugin and adding it is simple:$( "#alarm" ).timeDropper();Timedropper
View ArticlejQuery Complexify – accurately inform users of password strength
“Complexify is implemented as a jQuery function that can be called on input fields. The function takes options and a callback that will be called with the results of the validation. The valid argument...
View ArticleElegant + responsive + flexible + lightweight = IZIMODAL
If you are looking for an elegant, responsive, flexible and lightweight jQuery modal solution, IZIMODAL might be the right solution for you Default options:$("#modal").iziModal({ title: '', subtitle:...
View ArticlejQuery Scroll Indicator Bullets
jQuery plugin to create a scroll indicator bullet navigation on the right side of the screen. The plugin require Waypoints. GitHub
View ArticleSimple overlay instructions for your apps – Chardin.js
Chardin.js is a jQuery plugin that creates a simple overlay to display instructions for certain elements on a page. GitHub
View ArticlejQuery Stuck it to them :)
A responsive sticky element plugin, designed to be used with Foundation, Bootstrap or your own css solution. jQuery Stuck
View ArticleSmart sticky elements with Sticky-Kit
Sticky-kit provides an easy way to attach elements to the page when the user scrolls such that the element is always visible.$("#sticky_item").stick_in_parent() .on("sticky_kit:stick", function(e) {...
View ArticleImporting CSV files with HTML5 and Papa Parse!
Papa Parse is the powerful, in-browser CSV parser for big boys and girls If you do need easy CSV parsing and conversion back to CSV, take a look at it!// Parse CSV string var data = Papa.parse(csv); //...
View ArticlejQuery Knob … a dial to rule them all
Canvas based dial that adds mouse click, wheel mouse, keyboard and finger / touch events. Really nice jQuery Knob
View ArticleJoyride 2 – create website tour in style
Joyride is an easy to configure site tour wizard. Joyride
View ArticleBrowse tree-like data in columns, similar to OS X’s file manager – FinderJS
Data source: Array or Function (useful for asynchronous operations, e.g. calling an API). Styling: Use any CSS/framework of choice (Flexbox). You can also define how items are rendered and change...
View Article