This tutorial will take you through how to create a simple jQuery animated tooltip for social icons such as RSS and Twitter. It shows you how to achieve a nice faded animation that you can change variables such as fade speeds etc. All you need is two images and jQuery! (more…)

Have you ever wanted to add a thumbnail to blog posts to spice up your home page, without inserting extra custom fields or adding the image in with the text? Well there’s a great little plugin that is extremely customisable to make this very easy. You can change the dimensions, use simple CSS rules and much more. I have also included some popular websites that use post thumbnails for some inspiration! (more…)

404 error pages are what your site refers to when it cannot find the url that you’ve requested or a broken link. Lots of people will be familiar with the standar “404 Error” however it’s a great way to just get creative and make yourself any design to display a 404! Here you can find a step by step tutorial on how to create one in photoshop and code some PHP & CSS for a search input. There is also a great list of creative 404 pages for inspiration. (more…)

These days more and more social networking services such as Twitter are making it possible for you to give your profile its own design, this is key to getting your site know, logos, themes, header etc.. are things that people remember your site by, so its key to spread you design across the web. Here is a step by step tutorial on how to let your websites design flow straight into Twitter. (more…)

So you have registered a new site and it’s no where near developed yet, however you want to promote the new site to your current blog readers or friends. What you need is a temporary landing page for visitors to go. These typically display a logo, some kind of design and some useful links. This tutorial will take you step by step from creating your PSD landing page to a XHTML & CSS web page You will also learn some basic jQuery effects. (more…)

Recently I have registered a new domain, “TheDesignersYard.com” and with this I have been developing the site over the past weeks. To date I haven’t had time to focus on the creation of a logo due to my concentration on the general site design and coding, however this morning I decided to sit down and create one – as you can see the final product is below, I have gone for a ‘grass & soil’ design with some nice texture within the logo. Here I have created a step by step tutorial on how I managed to get the end result. (more…)

As many web designers will tell you pricing their first website or any web design work for a client was tricky and may have felt a little awkward. In todays world the internet is where everything happens, everyone wants there own website which is great for designers as it gives us work however the common downfall is that everyone wants a great website done and are not prepared to pay for it. Well here I have put together a list of solid tips to go by when pricing web design. (more…)

This tutorial will take you through the basic steps of Illustrator and how to create basic vector images and logos, you will gain understanding of how vector works, with some basic tools within Illustrator CS3 or CS4. In this tutorial we will be create a basic RRS vector logo. (more…)

MarsEdit: Mac desktop blog client is one of the best Weblog programs I have ever used. Its light quick and efficient with a clean no mess interface. Watch the video for a full in depth tutorial on how to setup and use this great little program! (more…)

I’ve had so many questions and people saying that they have downloaded a torrent (video file) and it won’t play in quick time, they don’t know what to do, so here is a video/written tutorial on how to do that. (more…)