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

How To Build A Slideout Feedback Form In jQuery

Demo Download You may have seen this before on many sites but it's a feature which I like and I have been asked how you would implement this feature. In this article I am going to show you how you wou...

Change Footer Text WordPress Admin Area

If you are doing client work on a Wordpress theme then it's good to try and put your brand in as many places as you can without affecting the design of the website. The Wordpress dashboard is an ideal...

Pure CSS Tooltips

Demo In all browsers you can get the basic tooltips on HTML elements by using the title attribute like the below example. ## HTML Title Attribute <a href="" title="Example of Tooltip">Tooltip&l...