If you have found any other font websites that you think should be on the list, or if you have any online font tools that you have found, please feel free to drop us a comment and share it with the WebDesignDev community.

* * * * *

Search Free Fonts

* * * * *

Da Font

* * * * *

1001 Free Fonts

* * * * *

Fontica

* * * * *

Abstract Fonts

* * * * *

Cream Undo

* * * * *

Font Cubes

* * * * *

Font Stock

* * * * *

Better Fonts

* * * * *

High Fonts

* * * * *

Free Premium Fonts

* * * * *

Font Squirrel

* * * * *

Font Post

* * * * *

Font Space

* * * * *

Urban Fonts

Please feel free to drop us a comment saying what websites you use for design inspiration, and what you like about them. I love all these sites because of the design, ease of use and the designs they display.

#1 Design Flavr

* * * * *

#2 CSS Remix

* * * * *

#3 Design Bombs

* * * * *

#4 Creattica

* * * * *

#5 CSS Beauty

* * * * *

#6 Logo Pond

* * * * *

#7 Best Web Gallery

* * * * *

#8 Blood Sweat Vector

* * * * *

#9 Dark Eye

* * * * *

#10 Logo Sauce

* * * * *

#11 CSS Website

* * * * *

#12 CSS Elite

* * * * *

#13 CSS Heroes

* * * * *

#14 Web Creme

* * * * *

#15 The FWA

* * * * *

#16 CSS Clip

* * * * *

#17 Logofi

* * * * *

#18 Unmatched Style

* * * * *

#19 Logo Moose

* * * * *

#20 The Design Inspiration

If you want to add to the showcase, or just want to tell us what you are up to for bonfire night / fireworks night, feel free to drop us a comment.

Charles Street Community

* * * * *

Fire On The Bay

* * * * *

Fire Water Solutions

* * * * *

Alamo Fire

* * * * *

MPYRE

* * * * *

Shibas Guidance

* * * * *

Provoke

* * * * *

Lion Deathseeker

* * * * *

Fuel Draft

* * * * *

Firebrand

* * * * *

Fuel The Fire

* * * * *

FirePlay

* * * * *

Fire Starter

If you want to add to the list with an icon tutorial you have found online that you find useful, feel free to drop us a comment and share it with us and the WebDesignDev community. Also, what icon tutorial did you enjoy best? (Title Image From Icon Dock’s Rocky Vector Icon Set)

Places I Use To Find Icons

When I want to find icons to use in various web projects, I often head over to one of the following sites…

IconArchive – This website has a great selection of different icon sets. I love the search feature, and often find the icons i’m looking for, if not more!

IconFinder – Icon Finder is an amazing new web app. I love the way they have styled their site, and the user interface is amazing. There is a great collection of icons listed here, and its so easy to use.

Safety Icon Design

Learn how to create this lush safety icon using photoshop.

* * * * *

CS3 Icons

Ps Hero teaches us how to create Adobe styled CS3 buttons in 10 easy steps.

* * * * *

Yellow Helmet

PSD Tuts teaches us how to create a yellow helmet icon from a real image of one.

* * * * *

iTunes Icon

Elite By Design have a nice tutorial on how to create an iTunes styled button for the iPhone and iPod touch.

* * * * *

Computer Icon

This is a nice downloadable tutorial on how to create a realistic computer monitor icon.

* * * * *

Glossy RSS Icon

Create this beautiful RSS Icon for your blog in this tutorial.

* * * * *

Jaguar Styled Folder Icon

Learn how to create a beautiful Mac OS X based folder icon in Photoshop.

* * * * *

Speed Gauge Watch

Create this very realistic speed gauge watch in Photoshop.

* * * * *

LG LCD Monitor Icon

Learn how to create this very stylish LG monitor icon using Photoshop.

* * * * *

Folder Icon

Learn how to create this customizable folder icon in only 8 simple steps using Photoshop.

* * * * *

Hard Drive Icon

Create a hard drive icon in many different colours. This can then be styled to fit your web design.

* * * * *

Shiny Lock Icon

Another fantastic tutorial from PSD Tuts. Learn how to create a stunning shiny lock icon.

* * * * *

World Icon

Learn how to create this spectacular world icon. The coloured and light effects are amazing.

* * * * *

Traffic Cone

Follow this Photoshop tutorial to create a realistic road cone icon.

* * * * *

3d Mp3 Player

Learn how to create a realistic mp3 player like the one below in this tutorial.

* * * * *

Pencil Icon

Learn how to create this big super shiny pencil icon. You can then resize it accordingly.

* * * * *

Calendar Icon

This icon would look good next to your blog posts timestamp. You can customize the colours too to fit your design.

* * * * *

Photoshop Shield

PSD Tuts teaches us how to create this Photoshop shield they occasionally use for post title images.

* * * * *

Subscribe Badges

After creating these, you could use these badges on your blog / website to get visitors to subscribe to your RSS feed.

* * * * *

XP Style Monitor Icon

PSD Tuts teaches us how to create this Windows XP styled monitor icon.

If you have found any other beautiful add to cart buttons used on any eCommerce website, please feel free to share it with us and the WebDesignDev community by leaving a comment.

Tres Amigos

* * * * *

Little Catwalk

* * * * *

Perfect Order

* * * * *

Dripping In Fat

* * * * *

Soliver

* * * * *

Inkd

* * * * *

Opera Mage

* * * * *

Palmers

* * * * *

Target

* * * * *

Bebe

* * * * *

Stand Out

* * * * *

Miss Sixty

* * * * *

Esprit

* * * * *

Nike Store

* * * * *

Happy Webbies

* * * * *

Icon Dock

* * * * *

Rush Shop

* * * * *

E-xpedition

* * * * *

Bored of Southsea

* * * * *

479 Popcorn

Of course the top 30 listed here are my opinion, but if you think that some other tutorials deserved to make the list, or you want to tell us what you think of the list, then feel free to drop in a comment below to this post. We would love to hear what you think of our selection of the top 30.

Boxed Art Web Design Tutorial

Learn how to make this really swish website design using PhotoShop.

* * * * *

Abstract Glowing Tutorial

Here is a tutorial that teaches you how to create this beautiful abstract glowing object.

* * * * *

Texture Layer Blending

Learn how to blend textures with photos in PhotoShop.

* * * * *

Magazine WordPress Theme

Create a magazine styled WordPress theme from the grounds up using PhotoShop.

* * * * *

Sleek Web Portfolio

Learn how to create this bright colored web portfolio in PhotoShop.

* * * * *

Movie Sunset

Ever wondered how to create a movie styled sunset? This tutorial will teach you how to do so using Adobe Photoshop and this beautiful photo of Sydney.

* * * * *

Light Effect Basics

This tutorial will teach you the basics of using light effects in Adobe Photoshop.

* * * * *

Floral Text Wallpaper

Learn how to create this beautiful text effect on a desktop wallpaper in Photoshop.

* * * * *

Creative Design Studio Layout

Grafpedia teaches us how to create a classy and beautiful design studio layout in Adobe Photoshop.

* * * * *

Animal King Photo Manipulation

Tutorial 9 have provided us with another awesome tutorial. This time learn how to photo manipulate a photo of an lion and turn him into a king.

* * * * *

Splattered Vector

Learn how to create a splattered vector image in Photoshop. This looks awesome!

* * * * *

High Flying Snowboard Illustration

PSD Tuts+ teaches us how to create a high flying snowboard illustration. I think many of us could learn some awesome effects from this tutorial.

* * * * *

Website Header

Create a header for a design website purely in Photoshop.

* * * * *

Typographic Retro Space Face

PSD Tuts teaches us how to create a very colourful retro space face in Photoshop.

* * * * *

Blog Layout

Learn how to create a simple 2 column blog layout with PSD Vibe.

* * * * *

Print Brochure

PSD Tuts+ teaches us how to create a ready to print brochure that can be customized for practically anything.

* * * * *

Web Layout

Tutorial9 has an awesome tutorial on how to create a colourful corporate website layout design in Photoshop.

* * * * *

Introduction To The Type Tool

Here is an awesome tutorial / guide on how to use the type tool in Photoshop.

* * * * *

Fake 3D In Photoshop

Learn how to create a fake 3D poster in Photoshop with WebDesignerMag.

* * * * *

Apply Textures To Uneven Surfaces

Here is a really great tutorial that will teach you how to apply textures to uneven and different surfaces.

* * * * *

Abstract Floral Illustration

Tutorial 9 teaches us how to create an abstract floral explosion illustration using Photoshop.

* * * * *

Enhance Photos With A Pen Tablet

This tutorial will teach you how to enhance photos using a pen tablet in Photoshop.

* * * * *

Furious Pink Panther Poster

GoMediaZine have written an amazing tutorial on how to design a furious pink panther poster.

* * * * *

Typographic Wallpaper

Tutorial9 yet again has another perfect tutorial. This time you can learn how to create a typographic wallpaper in Photoshop that you can use for your desktop wallpaper. This looks so nice!

* * * * *

Vintage Traveler Diary

Abduzeedo has a top tutorial over at his blog that teaches people how to create a vintage traveler diary using Photoshop. This looks very realistic too!

* * * * *

Diamond Advertisement Poster

Learn how to create a diamond advertising poster in Photoshop, that consists of many cool and interesting effects.

* * * * *

The Warrior Angel

Learn how to transform a photo into this beautiful and spectacular warrior angel illustration.

* * * * *

Calligraphy Text Effect

Ever wanted to create beautiful and interesting text in Photoshop? Adbuzeedo has wrote us a tutorial that will teach you how to create this awesome calligraphy text effect in Photoshop.

* * * * *

Five Looks, One Layout

PSD Tuts+ have created a tutorial on how to alter the same web layout 5 times to create different and interesting designs.

* * * * *

Firefish

Looks like famous browser needs a new mascot. Learn how to create a fish version of the FireFox.

If you know of any other adverts that use creative text in them, then please feel free to drop in a comment so us and the readers of WebDesignDev can see.

SignCafe Magazine Cover Design

* * * * *

Brighton Language School

* * * * *

BMW X3

* * * * *

Emmi caffélatte : Drink different

* * * * *

My Lotto

* * * * *

HSBC

* * * * *

Cobalt Ice 5

* * * * *

Ojus Digestive Tablets

* * * * *

Into1

* * * * *

The Prevention Plan

* * * * *

Vodafone

* * * * *

Wall Street Journal

* * * * *

Sensodyne

* * * * *

Save The Planet

* * * * *

Peugeot

* * * * *

Tiger

* * * * *

Panasonic

* * * * *

Skittles

* * * * *

Les Jardins de Colette

* * * * *

Honda

Also if you want to add any to the next list, or have any you just want to share with the WebDesignDev community, then please feel free to drop us a comment.

Simply Invoices

This website lives up to its name. It has a nice clean design, and is very easy to use.

* * * * *

Wishlistr

A website that has alot of white-space, with a nice clean and simple design.

* * * * *

Viva Viral Video

This website has a clean bright design, and colored the logo in a nice deep red to stand out.

* * * * *

Header Footer

Header Footer uses big titles, and a nice light gray background. The website has a clean and easy to use design.

* * * * *

FRKT

A black and white styles website, with hints of gray.

* * * * *

Daniel Oliver

Dan uses dark text with light colored backgrounds to create this simplistic and remarkable site.

* * * * *

Jon Tangerine

Jon uses lots of white-space in his website design, with a dark navigation and a bright orange for the RSS feed icon. This works extremely well, and makes the websites usable for people of all ages.

* * * * *

Nuyu Store

White background, dark text and bright images make this website look nice, and clutter free.

* * * * *

Pixel Bot

Pixel Bot uses white, black and pink to make it stand out. As soon as this site loads, you think simple and clean.

* * * * *

Human Resources

Text on a blank canvas works very well with this website.

* * * * *

Basmati Tree

A mixture of dark and light colors put on a blank canvas makes basmati tree very unique.

* * * * *

Multiways

A cartoon style, bright and colorful website.

* * * * *

Head Space

Head Space Design use light colors in their website design with faint doodles in the background.

* * * * *

Saturized

A collection of whites, oranges and blues make this website very bright and colorful.

* * * * *

Karim Zurita

Karim Zurita uses fresh and bright colors to overlay a simple and clean website design.

* * * * *

Fling Media

Fling use bright white, and baby blue as their main website colors.

* * * * *

I Love Typography

This website uses alot of white-space and black / green text. It lives up to its name and there’s hardly any clutter.

* * * * *

Mollom

Mollom use fresh nature colors in their design, which makes it look very tidy, clean and professional.

* * * * *

Cherry Bloom

Light gray, black and red go extremely well together in this website design.

* * * * *

Cultured Code

Light blue and white go together like bread and butter in this simple and easy to use website design.

* * * * *

Ronniesan

Red and white work very well together on this design. Its bright and clean.

* * * * *

You Love Us

You Love Us uses a variety of different beautiful bright colors and gradients  in their website design.

* * * * *

Campaign Monitor

Bright blues and greens are used in campaign monitors website design.

* * * * *

Taggetig

A subtle blue and white canvas with red and black text overlayed is used in this clean website design.

* * * * *

Darren Hoyt

Subtle blues and grays are used in Darren’s website, along with bright blues to show off his work.

* * * * *

Reichweite

An array of really bright blues and whites are used for the reichweite design.

If you have any more you would like to add to the list, or any ideas of Halloween posts for the rest of the week, let us know via email or feel free to drop us a comment below.

Bacardi

* * * * *

Halloween

* * * * *

GVSE

* * * * *

Happy Halloween

* * * * *

Art of Horror

* * * * *

Halloween Town

* * * * *

Art of Horror

* * * * *

Art of Horror

* * * * *

Halloween 2008

* * * * *

Halloween

* * * * *

Jack O Lantern

* * * * *

This is Halloween

* * * * *

Halloween

* * * * *

Halloween

* * * * *

DN Halloween

* * * * *

Halloween

* * * * *

Halloween

* * * * *

Happy Halloween

* * * * *

Halloween Tree

* * * * *

Pumpkin Lantern

Halloween

* * * * *

My Halloween

* * * * *

Halloween Pumpkin

* * * * *

Scary 2 Column Theme

* * * * *

Happy Halloween Theme

* * * * *

Cafe Halloween

* * * * *

Halloween In Blue

* * * * *

Vees Halloween Theme

* * * * *

Halloween Theme

* * * * *

Haunted House