Due to its popularity in current webdesign I put together a collection of 31 impressive ‘hand drawn’ fonts.

Whilst the all-time favorite Helvetica font provides a clean and sharp look, ‘hand drawn’ fonts give your website a more personal and sometimes more interesting touch. They can be used for various elements in web as well as print design.

Most of the fonts are available under a Creative Commons License. But please make sure to check the details before using the fonts for commercial projects.

Sketch Block

sketch block

Mia’s Scribblings

mias scribblings

Rock Show Whiplash

rock show whiplash

Peixe Frito

peixe frito

3Dumb & 2Dumb

3dumb 2dumb

Bearpaw

bearpaw

FFF Tusj

fff tusj

Against Myself

against myself

The Quiet Scream

the quiet scream

WC Roughtrad Bold

wc roughtrad bta

Pointy

pointy

Pee Pants Script

pee pants script

Karabine

karabine

Sketch Rockwell

sketch rockwell

Waste of Time

waste of time

Tire Shop

tire shop

scrubble

scrubble

Estrya’s Handwriting

estryas handwriting

Fail

fail

HandVetica

hand vetica

Grutch Shaded

grutch shaded

Clementine Sketch

clementine sketch

Fh Scribble

fh scribble

My Turtle

my turtle

Jump Start

jump start

MyCoy – Hello Lori

mccoy hello lori

Oh Ashy

oh ashy

Love Ya Like A Sister

love ya like a sister

Aguzlo

aguzlo

Barnes ERC

barnes erc

JamaiStevie

jamaistevie

Like this post? Post Comment, Download and Subscribe RSS

{ 0 comments }

These days every blog has something to share or bookmark and the best way to get attention is with remarkable icons. But you don’t have to spend a lot of money to find the right icons – the best creations are free!

Here is a collection of my favorite social bookmarking icons.

Set of Social Icons

Set_of_social_icons_by_Tydlinka.png

Set of Social Icons No. 2

Set_of_social_icons_no_2_by_Tydlinka

Hand-drawn Social Media Icons

hand-drawn (1).png

3D Social Bookmarking Icons

social_icons (2)

Web 2.0 Origami

web20rigami.gif

Cheers: a set of 12 “social” glasses

splash

Handycons + Handycons 2: hand drawn social media icon sets

image.axd

image.axd (1)

Rivet Social: 14 riveted brushed steel icons

Rivet Social

Social Media Icons Pack

smmi_preview.png

Function: Unique Set of Social Media Icons

function_social__app_icons

Heart: A free social icon set

release

Socialize Icons

socialize_preview

Social Icons Made of Wood

social_icons_made_of_woodi

Social Media Icons Pack

preview

19 Social Icons by webtoolkit4.me

webicons_new

Leaves Fall: A Social Icon Set For Bloggers

preview2.gif

6 Free New Social Icons – Digg, Twitter, StumbleUpon…

social_icons (1)

Social Icons hand drawned

Social_Icons_hand_drawned_by_TheG_Force.png

Social Bookmark Iconset Part 1 and 2

socialbookmark.png

socialpart2

30 Social Icons

Aquaticus_Social_by_jwloh.png

34 Gradient Social Media Buttons

btns.png

Circle Social Bookmark Icons

circlesocialicons

Hand Drawn Doodle Icon Set For Bloggers

doodle-icons-450

{ 3 comments }

More and more people like and user Twitter and therefore many siteowners want to place a follow-link on their website. But as simple text links are too uninteresting, we have collected the best icons and graphics on the internet. 

Twitter icon by fast icon

Twitter Icon

Twitter icon set by smashing magazineTwitter Icon

Twitter social icon by design reviver

social_icons

31 twitter icons by vincentabry

31-logos-et-boutons-pour-twitter

A little bird told me by mattknow

a_little_bird_told_me_by_mattknow

Twitter icons by flockey

twitter_icons by flockey

Twitter icon by phiredesign

twitter_icon_by_phiredesign

Cute twitter bird icon by wefunction

function_twitter_free

Free twitter graphics by randa clay design

free-twitter-graphics-randa-clay-design

Twitter birdy icon by Loondesign

twitter

Twitter icons by icontexto

icontexto-webdev-social-bookmark-bonus-01

It’s twitter time! by productivedreams

its_twitter_time

Twitter icons with attitude by monkeyworks

monkeyworks_twitter_attitude

Pratika twitter icon by smashing magazine

practika

(MAX)Icone blog by webfruits

maxiconeblog3

Web 2Origami by Iampaddy

twitter_iampaddy

High resolution twitter bird icons by the design superhero

twitter_icon_superhero

Happy twitter birds by webdesign.fm

webdesign_fm_twitter

Cute tweeters icon set by smashing magazine

cute-tweeters

Glossy twitter icons by AODdesign

twitter_aoddesign

Sticky twitter icons by Kuerbisfeld

icon-twitter-kuerbisfeld

The leaves fall by smashing magazine

leaves_fall

For all who want to make their own one:

Create a twitter style bird mascot by vectortuts

twitter_final_vectortuts

{ 1 comment }

Adobe IllustratorAdobe Illustrator has become one of the leading products for vector design, especially icon design. But when you start to create your first icon, you have to keep one thing in mind – bitmap or vector? (As the guys of firewheeldesign point out, vector icons are less work than those made with Photoshop. On the other hand, scaled vector graphics don’t look very nice in comparison to icons created with Photoshop) All in all it’s a decison between saving time and getting the best possible quality.

To understand the basics of icon design, read the following articles:

7 Principles of Effective Icon Design by PSDTUTS

10 Mistakes in Icon Design by Turbomilk

Now that you are a bit familar with Icon design – try these tutorials:

Vectortuts.com

Create a Detailed Camera with Photo Icon

Camera Icon

Create a Vector Film Slate Icon

Film Slate Icon

Make a Handy 3D Vector Calendar Icon

3D Calendar Icon

How to Create a Vector Light Bulb Icon with Inkscape

Light Bulb Icon

How to Turn Glasses into a Great Geek Icon

Glasses Icon

Illustrate a Fun Magnify Zoom Icon

Zoom Icon

SpoonGraphics

Create a Vector RSS Icon with Illustrator

RSS Icon

Translucent IM Style Illustrator Icon Tutorial

IM Icon

How to Create a Vector iMac Graphic in Illustrator

iMac Icon

N.Design Studio

iTune icon

iTune Icon

Glassy Button

Glassy Button

Other:

Complicate Orb Icon by Hatching Egg Story

Orb Icon

Designing a Sleek Pencil Icon by Design Blurb

Pencil Icon

Creating A Folder Icon by MagnusFx

Folder Icon

Create an envelpe icon with a satin feel by aiVault

Satin Icon

Design Float Circle Icon by Qbrushes

Circle Icon

{ 0 comments }

Google App EnigineYou waste your server resources for web applications? Why don’t accept the help of Google. Just a few days ago Google launched its Google App Engine. Being still in beta it allows you to upload your web application on the Google network and use their computational power. With a free account you are already able to use 500MB space, a CPU usage of 200,000,000 megacycles and a maximum of 10GB bandwidth per day. Also you get several other features:

  • Dynamic webserving, with full support of common web technologies
  • Persistent storage
  • Automatic scaling and load balancing
  • Google APIs for authenticating users and sending email
  • Fully featured local development environment

Great – Where do I have to sign in?

Google App Engine is still in beta. There were 10,000 beta accounts available but after ca. 3 hours they were all gone. Google already announced that more accounts will follow in the near future. So don’t hesitate to subscribe to the waitlist.

{ 2 comments }