Start typing to search...

Searching for "{{search_term}}"

Search results for "{{search_term}}"

Oops! Nothing found based on your query.

 
{{auth_form.errors}}

No account found with this email address. Fill out this form to create an account.

 

Our Blog CSS

Sharing Best Practices!

Expand Images to parent DIV with jQuery and CSS

Expand images to parent container with jQuery.

Continue reading..

Pure CSS Authentication Forms

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

Continue reading..

Pure CSS Brand & Social Icons

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.

Continue reading..

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

Continue reading..

Pure CSS Push Buttons

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

Continue reading..

CSS3 Animation - Stylise Links and other HTML elements

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

Continue reading..

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.

Continue reading..

How to Create Pure CSS Accordion

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

Continue reading..

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.

Continue reading..

How to make Blurry Text with CSS

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.

Continue reading..

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.

Continue reading..

An easy way to create light-box 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.

Continue reading..

How to read minified CSS with ease?

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

Continue reading..

CSS Tips - Get Consistent Results in All Browsers

<b>Web standards</b> 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...

Continue reading..

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

Continue reading..