Pure Awesomeness

Why is social media important? *40 New & Trendy Free goodies included

October 25, 2011 by Greg | 0 comments

Facebook, Twitter, LinkedIn, FourSquare, Flickr, YouTube, etc. are all sites that you have likely heard of. If you haven’t please take the time to explore each one, just place a .com after each one and you will visit a land of free marketing. Winning.

Social media is important — and I am defining “important” here as an effective strategy for individuals and organizations to achieve their objectives – because it makes it fasteasy, and [in most cases] FREE for you to create and share content.

For example, with traditional (“paid”) media, you purchase print, website, radio, TV, and/or billboard space, and then you pay someone else to articulate the value of your particular product/service in a compelling way to catch peoples’ attention — all in the hopes of persuading people to buy. With social (“earned”) media, you are no longer in direct sales (“BUY MY STUFF!”) mode. Instead, you are engaging your target audience by freely sharing the value of your expertise with people who are interested in it. And yes, along the way, you are letting it be known that your products and services are available for purchase. Earned media is not a magic cure-all, but an effective addition, and booster, to your existing marketing mix of paid and owned media.

Lamen terms? Go sign-up for each one. Don’t focus on numbers, followers, and all that jazz. Post good content that you’re passionate and knowledgable about and the numbers will come.

Want to explore this topic more? I recommend reading a book called “Crush it” by Gary Vaynerchuk. You’ll  want to thank me later, so bookmark this post.

Being that this is a blog about Web Design, I felt it only appropriate that I share some Social Media icons that I felt were Pure Awesomeness.


Bevel Dark Social Icons

Bevel Dark Social Icons
10 icons set against a black bevel background.  This look sleek and go nicely with tech sites.

Old Bottle Crowns Icon Set

Old Bottle Crowns Icon
Twenty icons are included in this set.  Some might be reminded of Fallout with these cool bottle cap icons.

Socialize Icons

Socialize Icons
The set includes 12 icons that look like decals.  These decals would be great for cartoony templates.

3D Social Media Icon Pack

3D Social Media Icon
These 3D icons will pop out and remind people to subscribe or share your blog.

Free Grass Textured Social Bookmarking Icon Set

Grass Textured Social
These grass textured Icons will give your website texture and a natural feel.

Social Sketches: Exclusive Free Hand-Sketched Icon Set

Hand-Sketched Icon
These ink heavy sketch icons will turn heads to your subscribe buttons.

Free Social Media Icons: Social Stamps

Social Stamps Icon
These stamp icons will have travelers subscribing and sharing your travel stories.

Beer Cap Social Icons

Beer Cap Social Icons
PNG botlecaps with a nice sheen to them.

Free and Exclusive Icons: Brown Social Icon Pack

Brown Social Icon
the muted orange mixed with browns go great against gray, or black backgrounds.

Social Networking Icons

Social Networking Icons
These silver gradient icons will give your tech site a nice accent.

10 Free iPhone Social Bookmarking Icons Set 2

iPhone Social Bookmarking Icons
These popular iphone style icons will have trendy consumer electronics sites looking great.

Handycons – A Free, Hand Drawn Social Media Icon Set

social media icon set
More hand drawn icons, but these are filled in.  This almost pastel look will make your site look more artsy.

Free Hand Drawn Doodle Icon Set for Bloggers

Doodle Icon Set
In this set, 14 icons are included.  These icons would be great for a personal blog.

Woven Fabric Social Media Icon Set

Fabric Social Media Icon Set
There are 26 icons included in this set.  These 26 patches add a creative touch to any site talking about handmade items.

Page Peel – A Free Social Media Iconset

Page Peel Icons
This set contains 16 icons.

Nurture Social Icon Set

Nurture Social Icon Set
These icons might remind your audience of golf or at least the outdoors.

Handycons 2 -Another Free Hand Drawn Icon Set

Handycons icon set
The set includes 20 pastel colored icons.

Orange Jelly Social Networking Icons

Orange Jelly Social Networking Icons
One hundred eight icons are included here.  The shiny orange is a popular design trend.

Vintage Stamp Social Media Icon Pack

Vintage Stamp Social Media Icon
Twenty-three icons are included here.  these vintage stamp icons will add character to your blog, great for design blogs and personal blogs.

24 Free Exclusive Vector Icons: ‘Handy’

Free Exclusive Vector Icons
Line drawn vector icons.  These could fit a variety of sites, but some thoughts are kids sites, and design sites.

Koidesign Social Icon Pack

koidesign social icon pack
In this set, 28 icons are included.  These icons might remind your audience of a calendar or a sticker.


Aquaticus Social icon
There are 30 icons included in this set.

Wild Twist Social Media Icon Pack

Wild Twist Social media Icon
These paw print icons will make any pet site look more authentic, or your outdoor site look more appealing.

Vector Social Media Icons

Vector Social Media Icons
Scalable icons with a basic design to fit most site concepts.

Free 3D Social Icons

free 3d social icons
These 3D icons have a nice lighting effect and show depth.

6 Free New Social Icons

Free New Social Icons
These 6 social bookmarking icons might look great with a tutorial blog.

Location: Free Social Media Icon Set

Free Social Media Icon Set
These ten bookmarking icons will look great on any commentary or opinion blog.

Social Icons Made of Wood

Social Icons Made of Wood
These wooden icons give our blog a classic or vintage feel.

WebDev Social Bookmark

WebDev Social Bookmark
These simple circle bookmark icons will look nice on a tech or an auto site.  The Delicious one almost looks like the BMW logo.

Web 2.0rigami

Web 2 0rigami icon
These neat origami icons would look great on craft blogs.

108 Red & White Pearl Social Media Icons

White Pearl Social Media Icons
One hundred eight simple red against white social media icons are included in this package.

65 Bookmarks And Social Icons

Bookmarks And Social Icons
These icons have a metallic quality to them with a gradient that splits the image in half.

Social Media Icons Pack in 3 Sizes for Download

Social Media Icons Pack Download
This set contains 17 simple icons.

FreeHand_ColorStroked Icon Pac

Color Stroked icon
Twenty-two icons are included in this set.  Great for any artist or design blog.

Web Social Icons

Web social icons
The set includes 39 icons that look a lot like coasters.

Set of Social Icons No.2

Set of social icons
These simple bookmarking icons are slanted, a simple presentation that can be a nice addition to your blog.

108 Glossy Black Comment Bubble Social Networking Icon

Comment Bubble Social Networking Icons
These black glossy icons are good against a lighter background.  you don’t want your background to clash with the subtle sheen on these icons.

Social Media Stars Icon Set

Social Media Stars Icon Set
In this set, 26 icons are included.  The star shape is something simple, but if you are a mommy blogger, or perhaps maintain a blog for your sports team or gym, these might be a nice addition that could help remind people to subscribe.

The Leaves Fall: A Social Icon Set For Bloggers

leaves fall icon
These 11 leaf icons might be the right touch for your nature blog.

Social Icon Stickers

Social Icon stickers
More sticker themed icons.  The above picture is a great example of how these icons can look like an authentic part of your site.

Social Network Icon Set

Oil Paint Icons
These abstract icons are modeled after the arts style of Van Gogh.  You can see echoes of Starry night in the Flickr button.

Gantt Charts. Do you use them?

October 21, 2011 by Greg | 0 comments

Gantt Chart

Gantt Chart

A Gantt chart is a type of bar chart that illustrates a project schedule. Gantt charts illustrate the start and finish dates of the terminal elements and summary elements of a project. Terminal elements and summary elements comprise the work breakdown structure of the project. Some Gantt charts also show the dependency (i.e., precedence network) relationships between activities. Gantt charts can be used to show current schedule status using percent-complete shadings and a vertical “TODAY” line as shown here.

So how does this translate to web design/development? EASY!

When you are designing and developing a website there are steps that need to be completed before other steps can be completed. This is especially useful for staying on track, and therefore on time. When you are balancing multiple projects as a freelancer, using a gantt chart can assure that your client receives their website on time. Clients often don’t understand all that goes into a website, and are full of questions about timeframe, a gantt chart allows you to quickly identify exactly where you are in the process. Gantt charts are also especially useful when you are working in a team environment on a project. You know when you need to start and complete your portion of the project, assuring that you are not the one that delays the completion of the project.

So how do you create one? Well being the creative genius that you are, you can open up illustrator and make a pretty one, duh. Or you can go mosey on over to one of the following sites,


JavaScript based Gantt Chart creator from GanttProject

Free Gantt Chart template for Excel

Manual Gantt Charting in Excel

Online Gantt Chart – Web Based Gantt Chart

Gantt Designer for Windows

Media Queries

October 20, 2011 by Greg | 0 comments

Media Queries

Media Queries

Yesterday I had a chance to listen to Carrie Gray speak. Carrie is a UX, UI, IA guru. During part of her talk she focused on MediaQueries and how useful they are when designing for todays consumer. Everyday millions of sites are visited by consumers using their smartphone, tablet, netbook, etc. Screens keep getting smaller, and when designing that needs to be kept in mind.

Technically speaking, A media query consists of a media type and zero or more expressions that check for the conditions of particular media features.

In laymen terms, Media Queries will simplify your life when designing with the mobile device in mind. Media Queries intelligently resize and rearrange your content depending on the size of the users screen. You can hide certain things, rearrange others. Super useful!

Barrel of Monkeys


Miranj’s Steve Jobs Homage


Bladet Forskning


W3C Conference


Foster Props


24 ways


Commentary Box


World Skills London 2011




Elliot Jay Stocks


27 Must-Have Starter Kits For Web Designers

October 17, 2011 by Greg | 0 comments

27 Must-Have Starter Kits For Web Designers

27 Must-Have Starter Kits For Web Designers

During a recent browsing session I came across this great resource titled 27 must have starter kits for web designers.

Starter kits are great timesavers for web designers and they are particularly useful for those who often create mock-ups for project pitching on daily basis. If you are a designer-cum-programmer think of it as your code snippets

So what’s in a starter kit? I think it varies – depending on what each designer routinely worked with. For GUI designers, keeping a copy of form elements (buttons, checkboxes, tab, drop down menus, etc) helps speed up the process of creating screens and layouts; on the other hand, browser (IE, Firefox, Safari) templates with web safe area keep web designers reminded how/where they should prioritize their contents. Experienced designers will usually customize and keep a personal version of starter kit, some might have few too!

Check out the entire blog post here: 27 Must-Have Starter Kits For Web Designers

Textures in Web Design

October 15, 2011 by Greg | 0 comments

Texture in Web Design

Texture in Web Design

Textures are being used in every sort of design. Nowadays you can see beautiful textures used in business cards, mobile apps and definitely in website designs. There are lots of high quality textures available in the market as well as free ones that can help you to achieve brilliant results. Appropriate use of texture helps to create realistic and detailed feel to a design.

Check out this article over at the Web Designer Ledger that showcases some 30 brilliant examples of texture in Web Design.

16th annual Webby Awards

October 14, 2011 by Greg | 0 comments

16th Annual Webby Awards

16th Annual Webby Awards

Got a website that you designed that you are really proud of? Like REALLY proud of? Does it use innovative techniques? Is the usability great? Then you need to submit it for consideration for an Annual Webby Award.

The Webby Awards honors the best in Websites, Interactive Advertising & Media, Online Film & Video and Mobile & Apps. You are allowed to enter a site in each category.


  1. Submit Your Work
  2. Submit Contact Information
  3. Review Your Entry
  4. Checkout (It costs money, keeps out the riffraff)

Entry deadline is October 28th


Kern Type, the kerning game

October 14, 2011 by Greg | 0 comments

Kern Type, the kerning game

Came across this a few days ago, it is a fun way to test your eye for kerning. Your mission is simple: achieve pleasant and readable text by distributing the space between letters. Typographers call this activity kerning. Your solution will be compared to typographer’s solution, and you will be given a score depending on how close you nailed it. Good luck!

I scored an 87/100.

Check it out

Since it is written in HTML5 it is multi-touch capable, so check it out on your iPad!