Using data attributes to toggle HTML elements with jQuery is much easier than using css classes.

Expand images to parent container with 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. Check out this demo and then we’ll dig into the coding … Continue reading “How to create category based search box with CSS and jQuery”

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.

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.

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.

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.

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.

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..

  • Stay up-to-date!
    Join our mailing list to receive product updates & announcements. Every month we give away FREE Licenses to our lucky subscribers.

    No Spam Ever!

Stay up-to-date!

Get notified of product updates, new products and freebies.