Get 25% off on any of our premium products till Sept 30th, 2017. Offer code: cjaddons

Expand images to parent container with jQuery.

Today’s freebie is pure CSS authentication forms. I’ve been working on a project and created these forms in HTML and CSS so why not share the code. The zip file includes login form, register form and reset password form. Feel free to make changes as per your requirements, enjoy and share. Download Now

Today’s freebie is a set of brand and social icons created with pure CSS. In fact, you can use the CSS code any web icon font.

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 while working on a client’s project, I created pure css push buttons in different colours. Here’s the HTML/CSS code for the same. Feel free to use them on your projects. Enjoy!! Download Now Live Demo

Links, Links, Links!! That’s what we have all over the internet. On our website and blog posts, we have a lot of links to point a user to another page. Today I will share a small trick to stylise the links with CSS3 Animation. That’s what I’ve used on this website and you can apply … Continue reading “CSS3 Animation – Stylise Links and other HTML elements”

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.

Let’s create a CSS Accordion without using any jQuery or Javascript. As I mentioned in my previous post “An easy way to create Tabbed Content with jQuery & CSS” displaying a lot of information on one page is a bit difficult …

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.

Its pretty easy to make some blurry text with CSS. We can do it by just making the text color  transparent and adding some text shadow.

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.

Today we have a quick tip for those who feel depressed and cry when they see the holy grail of CSS in one single line in their themes. Recently I started hearing from a lot of people complaining about their theme developers using minified CSS in their themes for maximizing performance without any consideration for their ease of use or customization…

Web standards are prevailing guidelines used on the World Wide Web to ensure web sites and information is accessible to all in the most efficient manner. Most Web browsers have different default settings for the base margins and padding…

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 10 FREE Licenses to our lucky subscribers.

    No Spam Ever!

Stay up-to-date!

Get notified of product updates, new products and freebies.