August 2013 – The Storyteller

August 25, 2013August 25, 2013

Breakpoint JS – load external javascript for different browser breakpoints

Live Demo: http://hasinhayder.github.io/BreakPoint/ Breakpoint helps you to define multiple breakpoint ranges and load external javascript files when someone resize their browser window to those breakpoints. Beside loading external scripts, Breakpoint also triggers an event whenever browser width falls in any of those predefined breakpoint ranges. Using Breakpoint Using BreakPoint is pretty simple. Include jQuery in … Continue reading Breakpoint JS – load external javascript for different browser breakpoints

August 19, 2013

The Badass List of Essential jQuery Plugins

Check it out here: http://hasinhayder.github.io/essential-jquery-plugins/ I have started curating this list for last couple of weeks and the purpose is to create an one stop place where you can look for the essential jQuery plugin for your project and look no where else. Honestly, sometime it’s really hard to find the perfect plugin in this … Continue reading The Badass List of Essential jQuery Plugins

August 18, 2013August 18, 2013

An Animated Responsive grid with Filtering feature

This is a followup of my previous post, where we had created a beautiful responsive grid with barely 6 lines of javascript code. But this time, we have added filtering feature in it, and added category/tag selector which triggers the filtering. For filtering we have used MixItUp library in this example. Have a look at … Continue reading An Animated Responsive grid with Filtering feature

August 17, 2013August 17, 2013

Detecting if a DOM element has visible scrollbar.

Webkit browsers, specially in Mac osx hides the scrollbar intelligently when not in use. This feature improves the look-n-feel. But for the designers, sometime this can be a pain because they may need to alter the designs based on the visibility of scrollbar. Here goes two simple jQuery plugin which can detect the visibility of … Continue reading Detecting if a DOM element has visible scrollbar.

August 17, 2013August 17, 2013

LazyMouse jQuery Plugin – detect mouse inactivity easily :)

Before jumping into the details, let me hear you asking “WHY?”. To be honest, not all of you will need to detect the mouse inactivity in your web applications. But sometime, it’s useful to do something different after a certain period of inactivity either to grab attention of the viewer, or to help him by … Continue reading LazyMouse jQuery Plugin – detect mouse inactivity easily 🙂

August 15, 2013August 15, 2013

An awesome animated responsive grid in a few lines of javascript and css3 goodness

Responsive grid is a pain to many people, because sometime they have to achieve the desired effects either using complex plugins, css layout styling with the help of media queries. And here comes a nifty solution which works perfectly well in all devices. The responsiveness is done using a few lines of Javascript which listens … Continue reading An awesome animated responsive grid in a few lines of javascript and css3 goodness