Expand Images to parent DIV with jQuery and CSS

Expand images to parent container with jQuery.

How to create category based search box with CSS and jQuery

There are a few times when we want our website visitors to search content in just one category and not the whole website. Today I am sharing a simple but effective UI trick to create a category based search box with CSS and jQuery. Checkout this demo and then we’ll dig into the coding part….

jQuery CSS Class playground

Today we will play with jQuery CSS class methods such as addClass, removeClass, hasClass and toggleClass and learn some basic implementation to modify the HTML styles on the fly.

An easy way to create Tabbed Content with jQuery & CSS

Tabbed content is a great way to handle a lot of info on a page without loosing usability, here’s how we create tabbed content with jQuery and CSS easily.

An easy way to create login panel with jQuery and CSS

A small script to introduce a sliding login box into your website, just as you see in Twitter login page. The script comprises jQuery and CSS techniques to display this arty feature. Checkout the code below and try it yourself or simply download the ready to use files.

An easy way to create lightbox with jQuery & CSS

As you already know that I’ve been working on improving the performance of my website and I needed a simple solution to create light-box effect for Live-Chat on this website. I could have used one of the available jQuery plug-ins out there however, the idea was to optimize the code with minimal use of heavy third-party scripts and CSS.

Enable Auto-Complete Search in WordPress Blog!

As you type something in the search box, it automatically offers search terms and phrases in real time. How nice will it be to have the same feature on your website or blog.

An easy way to create Loading Bar!

Recently, while browsing I landed on a page on StackOverflow.com where people were discussing about how I implemented this loading bar on CSSJockey.com. I could sense a lot of confusion in the discussion so thought I would take the mystery out as I love to share best practices. Here’s how you can create a loading bar in few steps..