Delegating Events Instead of Direct Binding in DOM

When it comes to attaching event listeners, be it a particular element in the DOM, or a group of elements via CSS selectors, most of us bind the event listener directly to the elements. Direct binding is fine when you’re doing for a PARTICULAR element, but it may create problems for a group of elements… Continue reading Delegating Events Instead of Direct Binding in DOM

BucketAdmin – Our new dashboard for your next web application

If you are a fan of beautiful dashboards and admin panels, then BucketAdmin might be a good choice for you with plenty of carefully selected javascript controls and plugins. Beside that, BucketAdmin’s documentation and clean structure will help you to implement it without a lot of pain. Purchase BucketAdmin today for $21 only from http://bit.ly/1e9TtGP.… Continue reading BucketAdmin – Our new dashboard for your next web application

Improving UX in the WordPress Admin Panel with Interactive Meta Boxes

Our goal is simple today, we want to add interactivity to our boring metaboxes. Instead of showing lots and lots of irrelevant input boxes at once, we will properly group them into different metaboxe containers and then display the required one based on the action of another one. We will create a custom post called… Continue reading Improving UX in the WordPress Admin Panel with Interactive Meta Boxes

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

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

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

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.

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 🙂

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