Category Archives: Tutorials

Tutorials – Step-by-step guide to you learning a new skill.

CSS3 Pseudo-classes: Harnessing the power!

New to CSS3? Then understanding CSS3 pseudo-classes is a great place to start. This post will go into 4 common CSS3 pseudo-class selectors and explain how they work, plus how to use them. The 4 CSS3 pseudo-class selectors discussed in this post are:

  • :first-of-type
  • :last-of-type
  • :nth-of-type
  • :nth-last-of-type

There’s is a working example included, so you can see the CSS at work!

Posted in CSS3, Tutorials Read More   |   Leave a comment

Create Multiple Pop-up Divs using the jQuery prev() Method

This is an update on a previous post that showed you how to create a simple pop-up div using jQuery. The update shows you to recreate the same effect on multiple pop-up divs using the .prev() method, meaning you can avoid duplicating the code unnecessarily.

Included in the tutorial is a demo so that you can preview the script you will be learning to write, plus the source code for you to download and keep for future reference.

Posted in jQuery, Tutorials Read More   |   19 Comments

Create a Pop-up div in jQuery

This is an easy tutorial suitable for those fairly new to jQuery. This tutorial will teach you how to create a simple pop-up effect, showing a hidden div, when you hover over the trigger link.

Included in the tutorial is a demo so that you can preview the script you will be learning to write, plus the source code for you to download and keep for future reference.

Update (13th August 2011): This technique has been updated to create the same effect with multiple pop-ups. View the new technique here:
Create Multiple Pop-up Divs using the jQuery prev() Method
Posted in jQuery, Tutorials Read More   |   37 Comments

Christmas Collections #1 – Seasonal Illustration Tutorials

New to Creative Individual for the festive season is our Christmas Collections. We have searched the web for the best of everything Christmas themed. We will be bringing you great collections of festive goodies, including:

  • Illustration Tutorials
  • Wordpress Themes
  • Christmas Icons
  • Desktop Wallpapers
  • Fantastic Freebies

The first part of our Christmas Collections is a showcase of fantastic, festive illustration tutorials collected from some of the internet’s best web designers, illustrators and digital artists.

Merry Christmas & Happy New Year from Creative Individual – Enjoy!

Posted in Christmas, Tutorials Read More   |   3 Comments

Make a Print-Ready, 1 Colour Business Card in Adobe Illustrator

Create a stylish one colour business card using Adobe Illustrator. This step-by-step tutorial shows you how to create a professional looking business card using just a few simple tools in Illustrator. It also explains some of the technical terminology such as bleed and quiet zone.

In this tutorial you will create a stylised business card using only Magenta ink (you could also use just Cyan, Yellow or Black) and then prepare the file for print, ready to send to a professional printers. Also included are the source files for you to use.

Posted in Tutorials Read More   |   3 Comments