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

Using htaccess To Force Trailing Slash

You can use htaccess to change the URL structure of your website. There are lots of things you can do with htaccess one of the most common things would be to make sure all the pages are prefixed with...

Switch Stylesheets With jQuery

Jquery makes it very easy to manipulate the the DOM, this makes it so easy to change any element on your webpage. One of those elements is the reference to your stylesheet, so using jQuery you can ea...

How To Remove WordPress Dashboard Widgets

On the Wordpress dashboard you get to see lots of information about your current Wordpress site. You get things like: Recent Comments Incoming Links New Plugins Drafts Wordpress News You can even a...