Calculate Different Shades Of A Colour

There are different ways colours are defined the two most popular values in web are HEX or RGB. Both of these values have a logical formula to working out what colour each value means, because of this formula we can easy change these values to work out a lighter and darker shade of a colour. There are tools that allow you to do this, for example the Colour shades tool

Read more...

List Of Pages Using A Page Template

There are a few differences between using pages or posts, one of the biggest difference between these post types are that pages can be assigned a page template which allow you to completely change the layout of the page. When you assign a new page template to a page this template will be stored onto the post meta data, WordPress will then search for this meta data field and use

Read more...

Free Files For January 2014

Each month the Envato marketplace brings you free premium files. Envato is a web marketplace where you can get premium files for different areas of your website. My favourite marketplaces are the script marketplace CodeCanyon and the theme marketplace ThemeForest. Here are the files which you can get for free for January 2014. Responsive Searchable 3 Level Accordion For WordPress 337 purchases at the price of $11. up to 3

Read more...

Get All Menu Items In WordPress

In previous project I had to display a list of categories in a certain order, to get the categories out from WordPress we have a few options we can use the get_categories() function or use the get_terms() function. These will do the same thing as the get_categories() function as it's just a wrapper for the get_terms() function. To use the get_categories() function it's very easy you can just use the

Read more...

Changing The Element Size With jQuery

When you are changing the size of an element using jQuery there are two methods that you can use to change the size. First you can use the .css() method passing in the first parameter as height or width and the second parameter being the value. The other option is to use the .height() method and the .width() method.

Read more...

Order By Meta Values Using WP_Query

With WordPress you can use multiple ways to get a list of posts or content items, some of them will allow you to get the default posts and pages so you can loop through them and display these in your theme. The other option is to create a custom query to get specific posts from your content. To create custom queries the best option is to use the WP_Query class.

Read more...

DateTime In PHP

In version 5.2 of PHP the DateTime class was introduced, in this tutorial we are going to investigate how this can be used and why it's better to use this class over the old date() and time() functions. The date() function can be used to output a string that represents the date/time provided, it takes two parameters the first parameter defines what format the string is returned, the second parameter

Read more...

How To Create WordPress Admin Tables Using WP_List_Table

WordPress it's not only a CMS it can be used as an application Framework, when it's being used as a framework you will find yourself adding custom data to your database using the $wpdb object and custom tables. When you have this in place within your application you will want a nice way of displaying the data in the admin area of WordPress. This is exactly like the posts edit

Read more...

Social Sharing Links

All the major social networks have their own sharing buttons, these make it really easy for visitors on your website to share the page without leaving the website. These are great additions to your website and you shouldn't have a blog without the ability to share your pages on social media networks. One problem with the social network share buttons is that they make a lot of HTTP requests to

Read more...

Create A Clock In CSS

In this tutorial we are going to walk through the process of creating a ticking clock in CSS, using CSS3 features animation and transform. The animation will start when you load the page, the animation is the same for all hands we just need to change the timing used. To view what we are going to create you can see the demo of the CSS clock below. CSS Clock Demo

Read more...

1 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 69