Cross Browser CSS Opacity Property

With CSS3 new features most of the browsers don't use the same properties they need to be prefixed with the browser specific property. For example firefox is always prefixed with a -moz- and the chro...

iOS Media Queries Boilerplate

Media Queries are now becoming quite common practice in web design. They allow you to change the CSS of the different elements on your web page depending on the size of the screen the visitor currentl...

How To Exclude Category From Index.php In Wordpress

Sometimes you have a category in your blog which you want posts for but don't want these posts to be excluded in your main index page. Is blog is a good example of this scenario, I exclude the snipp...

How To Use Your Gravatar as Favicon

A favicon (short for ‘favorites icon’), are little icons associated with a particular website shown next to the site’s name in the URL bar of most browsers. This will also appear in...

How To Make Random Hex Colour In Javascript

In this tutorial you will learn how to create random colours using Javascript. To create a random colour in Javascript it is a simple function. function random_colour(){ return Math.floor(M...

Add Paypal Donate Wordpress Shortcode

In a previous post we had a snippet on how you can make money on your Wordpress blog by placing Google Adsense on your website. This snippet was a shortcode so you can add the Google Adsense anywhere...

Toggle Show/Hide HTML Element

Below is different ways you can show or hide content. Javascript Is a function using raw Javascript which is passed an ID of a HTML element. We then use the getElementById function to get the element....

WordPress Google Adsense Shortcode

Wordpress allows you to add shortcodes in your functions.php file. Shortcodes a bits of code you add to your content box and Wordpress will run a piece of code in this spot. A previous example of sho...

Limit WordPress Search Results To Certain Post Types

In Wordpress version 3.0 they introduced the ability to have custom post types for your Wordpress blog. This means that instead of using categories to separate your different post types you can actua...

How To Create Title Tag In Wordpress

Depending on what page you are on you need to make sure that the title tag is different on each page. This is important for SEO because you can't have pages with the same title tag. As Wordpress is a...

Build A jQuery Image Gallery

Displaying images galleries on your web pages can be very complicated, much like the jQuery modal boxes, today you will learn a very simple way to create a nice looking image gallery in CSS and jQuery...

Secure Your WordPress Site

No matter how big or small your website is you will always have people trying to hack your site. These people will use bots to find your login pages and use a brute force tactic to gain access into yo...

How To Build A Pricing Table With CSS3 Animation

Quite often I'm given a PSD and asked to convert this into HTML/CSS for the graphic designer. I was given a PSD which was a pricing table and realised that there are ways to improve the look of this j...

Link Indenting With CSS3 Animation

In website design there is something that your website must always do this is styling your links so that they stand out from normal text on your page. This will make it easy for the user to find wher...

Prevent Hotlink Images With htaccess

There is a way you can prevent people hotlinking the images on your website just by adding bits of code in your htaccess. Hotlinking Hotlinking is when people use images from another site on their ow...