Whenever I think of what is the most important task a web designer could do, I always end up thinking that it should be the creation of good navigation. It must be well-designed in a user-friendly manner that the moment the viewer sees it, they instantly understand how it is used and what is it for. A navigation must also be creatively done, it is one of the elements you can find on a website where you can capture a viewer’s attention.

Components of Good Website Navigation:

1. Primary Navigation

Primary navigation are the main menus or categories of a website. These are considered as the most important links that can be seen the moment your website loads. Most of the primary navigation consists of Home, About Us, Contact Us and other links depending on what kind of website you are creating.

Keep in mind that primary navigation should not have more than seven or eight links. Choose the most important links and put them as the main menus and the rest will be placed on the sub-menus.

2. Secondary Navigation

Secondary navigation are the secondary links or sub-menus of a website. Usually, these are to be found from a drop down menu or a fly-out menu.

A drop down menu is when a user mouse over and click on a menu button, then sub-menus will be shown.

Sample Image of a Drop Down Menu

A flyout menu is when a user hovers onto a menu button, then sub-menus will appear. In this case, the user doesn’t have to click the button for the sub-menus to appear.

Sample Image of a Flyout Menu

3. Position of Menus

It is important that you position your menus on a place where your viewers can easily see them.

Usually, horizontal navigation is put on top and under the header of your website. While a vertical navigation, this is commonly put on the left side of the website.

To add up on to this, always put your menus from left to right since most viewers start reading from the left.

Even you put your links from right to left, your viewers will still read them starting from left. Take the image below as an example. Even the links are put into a right to left position, viewers will still read them starting from the Contact Us, Blog, About Us and then Home.

4. Size of Buttons and Menu Label

The size of your menus must be noticeable, but not too large that they would occupy too much space. Adjust them where they can be seen easily by your visitors while maintaining a professional look.

When putting menu labels, make sure they are readable in size. Also, choose a font color that is in contrast with the color of your button. If the color of your button is light, use dark color for your menu label and vice versa.

5. Color of Menu Buttons

Colors are one way to entice the visitors of your website. Use a color for your menus that is in contrast with the background color of your website. This way, you can capture the attention of your viewers and your buttons will stand out with the other elements of your website.

Take a look at this example. Even the buttons have the same color as the background, it still stands out for it has button-click effect and the text color is white.

6. Icons and Effects

Icons are great way to differentiate your buttons and they also inform users on what viewers could expect on that link. Also, hover effects is a good way to attract viewers’ attention. This also informs the visitor that they can click the button which looks different from the others. You can also put a button-click effect to inform your viewers on what button they clicked.

To give you more idea about this, I have here a good example of website navigation. The designer of PixelResort put icons on top of each menu label to represent the link. Also, it has a hover effect (glowing circle) and a button-click effect (arrow pointing on the link). In this case, the page is on the Blog link and the mouse pointer of the viewer is put on the Goodies link.

And my last tip for you…

7. The less click, the better.

Viewers tend to be impatient when searching for information, they want to seek what they are searching very quickly. Make sure that your navigation respond as quickly as possible to your viewers’ instincts.

In this article, I will highlight amazing horizontal and vertical navigations for your inspiration. First, let us take a look at horizontal navigation.

Horizontal Navigation

Horizontal navigation is the widely used navigation of web designers today. Usually, the navigation bar is placed right under the header.

Good Characteristics:

1. It occupies less space

Horizontal navigation is mostly used by web designers for it occupies less space, because it is placed at the top part of the website. Then, the rest of the spaces you can use for your content.

2. More noticeable

Our eyes first notice elements of the website that are placed on the center, that is why horizontal menus are more noticeable since they are placed on the top and center part of the website.

3. Easier to use

Viewers find horizontal navigation easier to use. Comparing it to vertical navigation, you still have to move your mouse pointer on the left part of the screen (or sometimes right) to click the menus. If the navigation is horizontally placed, you just have to move your pointer upward to click a menu button.

4. Viewers are already used to it

Since it is the mostly used navigation, viewers always expect that all websites have this type of navigation.

Bad Characteristics:

1. Limited space for your menus

When using horizontal navigation, you are limited on the width space of your website and this still depends on the layout of your website.

2. Can only be used if number of menus are already known

Horizontal navigation can only be used if the number of your menus is already fixed, because the size and design depends on the number of menus to be placed.

Here are some example of horizontal navigation for your inspiration:

1. Rayman

2. Davroc Interiors

3. Rzepak

4. Owltastic

5. Sarah Hyland

6. Racket

7. Kinder Aktuell

8. Acko

9. Red Velvet Art (Horizontal Navigation)

10. Xedum

11. Design Nut

12. Jay Taylor Design

13. Mac Rabbit

14. Getraenke Kukral

15. Noizi Kidz

16. Chris Guille Beau

17. Small Stone Recordings

18. Max and Lous

19. Loodo

20. Boukarabila

21. Jiri Tvrdek

22. Ungarbage

23. Duarte Pires

24. CSS Beauty

25. Manndible Cafe

Now let us go to vertical navigation.

Vertical Navigation

Vertical navigation are usually placed on the left side of a website and the menus are placed from the top to bottom, like a ladder.

Good Characteristics:

1. It allows grouping of menus

Vertical navigation allows you to group your menus and place sub-menus under each main category. Unlike in horizontal navigation, you still need to create a drop down menu for the sub-menus.

2. It is easier to add or remove menus

If you are trying to put more or remove menus in the future, you can use vertical navigation. It will be easier for you to add or remove menus without resizing each buttons.

Bad Characteristics:

1. It occupies a lot of space

Usually, menus in vertical navigation are placed on the left side of the website and this occupies a lot of space on the whole website template. Unlike when using horizontal navigation, you are just using the top part of your website.

2. Limited characters for your menu label

For your buttons not to occupy too much space, you are limited to few characters when putting labels for your menu. If you will be putting many characters, tendency is the font size of your menu label would be small or you will occupy too much space on your template.

3. Scrolling down is needed for websites with many menu buttons

If you have several menus for your website, the tendency is that your viewers need to scroll down their to see the other menus placed at the bottom part.

4. Viewers are not used to it

Viewers expect that a website should always have a horizontal navigation, since it is mostly used by web designers. But nowadays, there are already websites that are using vertical navigation and are designed creatively to make it easier and noticeable for visitors.

To give you more idea about vertical navigations, take a look at these websites.

1. Brian Handley Design

2. R.I.P. Cube Club

3. INNOVATIVE Imaging Professionals

4. Envira Media Inc.

5. Oink El Rellano

6. Gary’s Real Life

7. Total Body Care

8. Red Velvet Art (Vertical Navigation)

9. Extra Tasty

10. Power to the Poster

11. Cambrian House

12. Cassys Design

13. Diego La Torre

14. Brown Blog Films

15. Wards Exchange

16. AJ Miles

17. Washtenaw Community College

18. Adventure Here

19. KKMedia

20. National Television

21. Utah Travel

22. Notorious Design

23. This is Leaf

24. District Solutions

25. Thora

Other Examples of Navigations

Here are some examples of websites with one-of-a-kind navigations.

1. Noroutine

2. Good Man

3. Time for Cake

4. Steven Holl

5. Michael J. Yang

6. WOW Brand Impact

7. Nathan Borror

8. Creative Storm

9. Nora Rose Travis

10. Deconstruction Records

What are your favorites among the selection? Comment out and feel free to share.

I’ll be presenting free CSS/HTML templates that you want to consider in your next project but be sure to read terms.

1. Blue Jeans

Stand out from the crowd with this cool, free template for a portfolio website based on blue jeans texture.

( Demo | Download )

2. Portfolio

CSS Heaven Portfolio is yet another free HTML 5 and CSS based website template suitable for businesses. This template has a jQuery slide show in the home page header for displaying your latest work, featured contents or can also be used to tell your visitor what your web site is all about. All the fonts used for the template are included in a folder.

( Demo | Download )

3. High Five

The style elements are in the CSS including styles for Blog, Comment Templates etc.

( Demo | Download )

4. RS 18

This is designed mainly for business because of the blue color that looks professional.

( Demo| Download )

5. Dandoot

DangDoot is a WordPress e-commerce theme that it is suitable mostly for major/indie music recording companies, bands, musicians, music products affiliates, music event organizers or simply online music stores.

( Demo | Download )

6. Bamboo

Bamboo is a free CSS Template suitable for small business websites and blogs.

( Demo| Download )

7. Acallia

If your into art, photography or anything related to designs it will fit on you.

( Demo | Download )

8.Reinvent

One column layout that has ac lean and cool typography with minimal image design.

( Demo | Download )

9. Alexx C

Elegant and professional looking design that match with cool icons.

( Demo | Download )

10. RealOne

Real 1 is a free CSS Template suitable for Real Estate Templates.

( Demo | Download )

11.The Radio Station

It is really for radio station website.

( Demo | Download )

12. CSS Heaven 1

A contemporary look that is suited for design and style business.

( Demo | Download )

13. Turrion

Business looking template that will lead your visitor to a right track.

( Demo | Download )

14. Zen Design

It is a good template for article, blog or site that has a every now and then updates.

( Demo | Download )

15. Urban Gear

Great free html template for on-line shop dedicated to the urban fashion industry. Easily replace the slides or just remove the slider area and use this template as a start point for your on line business.

( Demo | Download )

16. ubly

Colorful, cheek style suited for blog sites.

( Demo | Download )

17. beSMART

Simple corporate CSS/XHTML template ready to meet wide range of requirements for effective on line performance.

( Demo | Download )

18. CSS Heaven 2

Suitable for business site.

( Demo | Download )

19. Easy Slide

Easy Slide is a simple but cool css template based on the famous Coda Slider.

( Demo | Download )

20. StudioClick

Studio Click is a simple, well-structured portfolio theme that focuses on one thing: gorgeous photos, screenshots, and content.

( Demo | Download )

21. BizGroup

Simple corporate CSS/XHTML template ready to meet wide range of requirements for effective on line performance especially for solution business.

( Demo | Download )

22. Photo Pro css

Photo Pro is a simple css template for portfolios and photo sites and it’s very easy to edit.

( Demo | Download )

23. Treasure Hunter

This treasure hunting template is suited for photo galleries and blogs.

( Demo | Download )

24. Shop Around

Great free html template for on-line shop. Use it as a start point for your on line business. The template can be easily implemented in many open source eCommerce platforms.

( Demo | Download )

25.  Free Nova Studio

Nova Studio is a multi-purpose portfolio theme featuring a rich home page with a slider, a “From the Blog” widget, and multiple ways to beautifully display your work. A intuitive, unique design will make your site stand out from the crowd and solid markup will make it easy to edit.

( Demo | Download )

26. Mondays

Simple corporate CSS/XHTML template ready to meet wide range of requirements for effective on line performance.

( Demo | Download )

27. OWMX 1

Stylish and cool in the eyes. Great for professional businesses.

( Demo | Download )

28. Simple Solution

Clean and stylish that suits for businesses.

( Demo | Download )

29. Classic Luxury

Classic Luxury is great for portfolios and personal photo sites, and can be converted easily to a CMS theme as needed (such as Drupal or WordPress).

( Demo | Download )

30. Outliers

Dark corporate CSS/XHTML template ready to showcase your ideas.

( Demo | Download )

31. Portfolio Template

This is a clean and professional looking template for small portfolios or business sites. Very easy to edit if you have a basic understanding of html and css.

( Demo | Download )

32. Market  Leader

Light corporate CSS/XHTML template ready suits to showcase ideas to your clients.

( Demo | Download )

33. Clean-White

This is a simple but beautiful css template with lots of whitespace and a professional look. Perfect as a frontpage for small businesses or photographers.

( Demo | Download )

34. Ninja Assasin

Impress visitors to your site with a high-quality one-page portfolio site inspired by the Japanese ninja culture. The template is ready to use and will showcase your work in a unique fashion.

( Demo | Download )

35. Kelontong

Kelontong WordPress e-commerce theme is on board to simplify your life for our own online store now.

( Demo | Download )

36.  Small Business

This is suitable for small scale business websites that don’t need a lot of pages.

( Demo | Download )

37. RS 19

Stylish template with the combination of white and colorful taste.  It uses box shadows and text shadows techniques.

( Demo | Download )

38. Fruit Mix

As what the title suggest, good for healthy lifestyle website.

( Demo | Download )

39. School Education Template

Great for your school website. Publish school activities and announcements.

( Demo | Download )

40. Law Attorney

If you have a law firm, this is well suited for you.

( Demo | Download )

41. Film Blog

For film lover, this is a great template that will let you post your videos.

( Demo | Download )

42. Electronics

Cool coffee color that match on your electronics or appliances website.

( Demo | Download )

Free CSS/ HTML are really good to work on especially when you are about to start your new website and need to find something that will suit your business. Just try to explore more and learn about the free templates so that you can maximize the use of it.

Creativity and inspiration play a big role on having a successful design, especially when it is seen on the web. One of the resources where we can get techniques with, of course, is from the experts. Good thing that in the online community today, people, especially those who are already well-experienced are sharing their talents by uploading their designs and letting other people use them either for inspiration or for commercial or non-commercial use.

PSD (Photoshop Document) files are one of those. As these are supported by Adobe Photoshop, the tool itself makes it very easy for users to observe how its features and functionalities can greatly affect a design. In this way, you can study how a certain design is created. To add, it also allows you to edit, experiment and customized your downloaded files.

Below are PSD files you can use on your design, especially for web design such as text effects, icons, templates, etc. If you want to download the PSD file, just click the image or the title name of each design to bring you to the website. Make sure to read the owner’s terms and agreements first before using.

Have fun learning and designing!

1. Ilumina – Glowing Text Styles

by: ArtoriusGothicus

This icy glowing text would be perfect for your banner or design.

2. Striking Photoshop Text Effects

by: Rafi

This PSD freebie comes with a package of text effects such as milk font, golden effect, blubber look text effect, gothic and waxy plastic look of text that you can use on your design.

3. Metal Text Styles

by: Rafi

Looking for shiny metal, gold and chrome text effects? Then this one is for you.

4. Fancy Neon Text Effects

by: webdevtuts

Give your design a fancy look with these neon text effects.

5. Six Styles Effects

by: Folksnet

If you are looking for different kinds of text effects, try to download these six styles of text effects.

6. Gel Text Effects

by: Premium Pixel

Want to know how to create a gel effect on your text? Click on the picture below to download the sample PSD file.

7. Share Buttons

by: brokodil

Let your friends advertise your website, blog or products on different social networking sites through these share buttons.

8. Social Icons

by: Tyzyano

Does your website has a Facebook, Twitter or Flickr account? you may place these icons beside the links on your website.

9. Abstract Web Buttons

by: psdGraphics

Let these web buttons that consist of ten different styles be an inspiration. Try customizing them to practice your designing skills.

10. Glass Encased Icons

by: manoluv

Aren’t these glass encased icons cool and unique? Try downloading these free icons and make your own.

11. BluePrint 20 Social Icons

by: Tyzyano

These blue print social icons are awesome to combine with a green, yellow or orange background.

12. Colorful Coming Soon Page

by: amandhingra

You may use this creatively done notice to your users that your website and online services will be back as early as possible.

13. Modern Web Buttons

by: ArtoriusGothicus

These free buttons already comes with hover image and very easy for you to customize it.

14. Button Template

by: Sed-rah-Stock

Give uniformity on your template with this one. You may use this one for print or commercial use and don’t forget to link back on the owner.

15. Up, down, left and right arrows, blue web icons

by: psdGraphics

Simple, blue icons you may use for navigation.

16. Web Icons

by: eel886

Putting these icons will make your website look professional.

17. Miscellaneous Icons

by: sultan-design

I find these high-quality icons really cute and in style.

18. Custom Navigation Menu

by: amandhingra

These custom navigation menus are good for an online shopping website, even for companies who want their website to look very simple yet professional in style.

19. Drive Icon

by: borislav-dakov

Use these cute little freebies to customize your drive icons.

20. Shiny Price Badges

by: Free PSD File

Are you looking for price badges for your website? I would love to recommend this one for you, they are so nice and very attractive.

21. Black and white pricing table

by: psdGraphics

Three columned, gray color background and glossy white buttons with great text effects to organize your offers.

22. Blue login box

by: psdGraphics

This free blue login box template comes with customizable HTML and CSS source.

23. Midnight Sun Template

by: Bevel and Emboss

This Midnight Sun free template from Bevel and Emboss is best suit for technology-based company website.

24. E-commerce Website

by: Rafi

This sleek and clean look template is very appropriate for an e-commerce website.

25. Template – Web Designer

by: mavermedia

I find this template professional with a touch of creativity with the icons and how the creator organizes the elements. Since this template is for personal use only, you can use this when practicing your designing skills or for inspiration.

26. Green Template

by: mavermedia

A nice, green template by Brad Maver to give a fresh look on your website.

27. Organic conference

by: Bevel and Emboss

This template is good for your personal blog or personal website. It is simple but elegant in look.

28. GigaSpace

by: gerbengeeraerts

The color of this template suits a website that sells gadgets, laptops and other techy things.

29. Environmental Template

by: Free PSD

This kind of template is designed for a website that intends to save our Mother Earth.

30. Blue Template

by: mavermedia

Why not use this on your personal or business website to give it a refreshing look?

31. Resort Template

by: FreePSD

If you are trying to build a website for your resort, you can get ideas by downloading this PSD.

32. DelliStore: Professional PSD Template

by: Dellustrations

Be inspired with this beautiful template for your restaurant or store’s website.

33. Orange Template

by: uniQsDesigns

Don’t have any idea for your blog template? Try this orange template made by uniQsDesigns. Just put a little touch of yours to personalize it.

34. Portfolio Website

by: peewee1002

A black, simple but professional looking template that you can use for your website. Try customizing to give improvements or personal touch on the template.

35. Black and Blue Template

by: uniQsDesigns

I never thought that black and blue makes a good looking template. I find this very cool.

36. My Designs Portfolio Template

by: FreePSD

If you are trying to create your online portfolio, check this sample template to get an idea.

37. Apple Logo

by: zandog

Use this as an inspiration in creating your own logo with this smooth, simple effect.

38. Gold and Black Shopping Card Template

by: psdGraphics

Seldom that we can search a shopping card template, so I have posted this one for you. Thanks to psdGraphics!

39. Progress Tracker Bars

by: Free PSD File

I got here five nice progress tracker bars for your website. These are guides for your users on processes such as signing up an account.

40. 4 Step Process Panel in 2 Colors

by: Rafi

This PSD file offers a four-step process to show users a website process.

41. Satisfaction Guarantee Wax Seal

by: Rafi

For those who are looking for satisfaction guarantee seal, this seal with wax effect will look good on your website. It also captivates the attention of your customers when seeing it because of their colors.

42. Awareness Ribbons

by: Xiang Fey

You may use these free awareness ribbons to put on your website to show your support on a certain disease act or movement.

43. Mail Feedback Form

by: Free PSD File

Why not put a bit of creativity on your feedback forms like this free mail feedback form by Free PSD File.

44. Fully Layered Calculator

by: Free PSD File

This full layered calculator template is more useful with flash websites. Download and modify this calculator the way you want it.

45. Wraps and Ribbons

by: plakkert

Are you looking for free PSD file of wraps and ribbons? This one is for you. You may change the color of each to blend it on your design.

46. Old book

by: moka107

This one is good for templates if you would like your site to have that vintage look. Don’t forget to credit it to moka107

47. Webdesigns PSD Pack

by: majareq

This one comes in five beautiful web template designs made by Majare Q. You may customize each to give a personal touch depending where you will use them. Don’t forget to put credits to the owner.

48. Samsung Galaxy

by: Zandog

Try downloading this Samsung Galaxy template and use it as an inspiration.

49. 21 Cute PSD files

by: naturalemotions

For cute, girly look on your site or blog, you can use this 21 cute PSD files.

50. Water Wave

by: arEa50oNe

Try this water wave effect if you are trying to create a sleek-ish web template.

Remember, the effects or designs you use already give impressions to your users on what you intend to show them, so choose your design wisely and appropriately.

1. Free Cupcake Icon

Cupcake icon designed by ArtDesigner for sweet tooth websites. It is available in variety of sizes.

2. Moleskine Icon

Moleskine Icon is a beautifully crafted design with pixel perfection by Michael Stezycki. The icon comes in 7 different sizes ranging from 16×16 all the way up to 512×512. The download also includes a wide variety of file formats to meet all your needs.

3. Paradise Cherry Icon

Cute sweet cherry icon. It is available in sizes between 64×64 px and 512×512 px.

4. Ktax K-7 Icon

Two highly detailed replacement icons for Apple’s Quicktime player. Though drastically different from traditional quicktime icons, it blends in nicely with the rest of your dock or desktop.

5. Starflash Brownie

Kodak’s instant camera Starflash Brownie icon based. It is available 512×512px .png, .icns and .ico. Free for private and commercial projects.

6. Fjernsyn

Set of cool icons from young Danish designer Rasmus Nielsen, is a nice option.

7. USB Prober

USB Prober application for Mac icon based. Available in 512×512px.

8. Leica M7

6 Leica set icons in the resolutions 512×512px. Available as .PNG, .ICNS and .iContainter.

9. Apple Icons

Mac logo like icons. It contains 8 icons of different colored apples all in the rsrc format for use with Mac OS.

10. Iconlicious

A cute milk carton icon from Iconlicious.

11. Latte: 48px Icon Set

Latte’ contains 25 different icons in the resolutions 48×48px.

12. Notes and Evernote

An icon pack of Notes & Evernote. Available resolutions: 512×512px.

13.  IsoIcons Workspace

Workspace like icons that ar available in 128px×128px resolution.

14. Mira Works

A calm office environment inspired icons from Mira Works. It is available in three different sizes: 64×64px, 128×128px and 256×256px.

15. iCandies Icon Set: 60 Free Icons

iCandies Icon Set, a set with 60 high quality icons in 64×64px, 48×48px and 32×32px, available in .EPS, .AI and .PNG. The set is designed by the talented folks from IconEden on a sole purpose of giving your projects a sleek and geeky style or provide crisp, attractive icons for your modern and fashionable-looking interfaces.

16. Designer Icons – Professionally Hand-Crafted Free Icon Set

This set of icons was professionally crafted by professional icon artist, Parthiban Mohanraj. This set has all the values of stock icons.

17. Blue Vinyl Fonts

Mac OS X icons collection. Colorful vinyl records and vintage style record cases. 16 icons in all.

18. This is ART 2

A collection of 12 icons all with maximal dimensions 512×512px. Creative renditions of various application related subjects as icons. Released under Creative Commons Attribution-NoDerivs 3.0 Unported.

19. The Graphs 2 – One graph collection to rule them all

This icon collection is ready for the future. With the power of Scalable Vector Graphics you can use these icons directly into your web pages.

20. High-res Browser Logos

High-resolution browser logos for your presentation or a blog post; these icons are available in the resolutions up to 256×256px, .PNG, each with their own official shadow treatment, and no background matte color. Presented by Paul Irish.

21. Various Smartphones Icons

This icon pack contains 14 icons for assorted smartphones, ranging from the Blackberry Storm to Motorola Droid. Maximum size available is 256×256 px.

22. Free PNG Credit Card, Debit Card and Payment Icons

Payment Icon Set, a set with 18 payment icons in PNG format, in the resolutions 32×32px — 128×128px. This set was designed by Phil Matthews.

23. Icon Pack: 256×256 Business Icons

This icon set contains 26 Business themed icons. Each icon is available in 256×256 .png format. Included in this set are User icons, Warning & Alert icons, Chat & Email icons, Maps & World Icons, and several other icons that are appropriate in business settings.

24. Upojenie

This collection includes 40 icons for iPhone and iPod Touch.

25. Construction

Construction is a free icon set with a total of 25 icons, designed uniformly with any of our current premium icon sets. As illustrated for building and construction tools and equipments, this icon set is aimed for use in your projects related to construction or infrastructure.

26. Iconfactory by David Lanham

This collection contains 42 square icons with large resources for Vista & Leopard.

27. Iconfactory Freeware by Dave Brasgalla

This collection contains 4  icons with large resources for Vista & Leopard.

28. Plush Icons Set

Plush toys icon  based. This set includes 6 different cute plush icons in the resolutions 128×128px and 256×256px. Format: ICO and PNG.

29. E-Commerce Icon Set

E-Commerce Icon Set includes Products on Sale, New products, Checkout, Secure Payment, Credit Cards, Delivery, Shopping Bag, Empty Shopping Bag, Shopping Cart, Empty Shopping Cart.

Usage: Free for Personal and Commercial Projects (Size: 128, 64, 48, 32px)

30. MobileMe Icons by Prathyush

Six MobileMe icons with the resource PSD.

31. Flip Clock by Maxdicapua

This is a fully editable and scalable (except for the noise layers) and well-organized flip clock icon.

32. Boolean

Enter Boolean, a thriving city inhabited by tiny icons

33. 32px Mantra v2

Includes 36 free icons in PNG. It is available in the resolution 32×32px.

34. Solar System Icons

Solar system icons inspired. It contains the Sun, Moon, 8 planets, and 3 dwarf planets.

35. Littlear Icon Package

Unusual and funny set of icons giving life to different kinds of application, folder and file icons.

36. Compass

iPhone icon inspired by the Compass application. It is available in resolutions fit for iPhone, iPad, iPhone 4 and iTunes, from 57×57 px to 512×512 px.

37. 20 Free Marker-Style Icons

This icon set is originally inspired by the iPhone’s Notes.app and designed for Notepad (WordPress theme). Icons are designed in a simple marker stroke and can be applied on any color. You can use them in sketchy or modern design as seen on the iPhone and iPad apps.

38. Social Media Icons

Set of Vector Social Media Icons with the Google Buzz, Microsoft Bing, Picasa, Meetup, Feedburner, Ebay, Drupal, Gowalla, ICQ, Metacafe, Yelp, Xing, Paypal, Podcast, and various color buttons.

39. Project Icons

A pack of 182 32×32px icons. It is available in .PNG, .ICO, .ICNS, .iContainer.

40. PixeloPhilia2

This icon set contains 44 icons for web sites and web apps by Creative Commons.

41. iPad Icon

Simple icon set of Apple’s iPad.

42. Free Font Symbol Signs

This free collection includes common used symbol signs for public services such as Toilets, Telephone, First Aid, Smoking, Baby, Recycle Icon, Arrows collection and much, much more. The signs can be used for restaurant signage, hotel signage, office way-finding, airport signage and more.

43. Free Font Dingbests

The original dingbat font was designed in the sixties. This is a collection of dingbat fonts for the nineties, commissioned by FontShop. Over 700 pictograms including fax, laser printer, diskette, computer and mouse, as well as all the classic images. A special selection of them has been put together in the single font FF Dingbests.

44. 48 Free 16×16 pictograms by Miro Keller

A set of 48 tiny 16×16px pictograms to use in your projects. They are shared under a Creative Commons.

45. Weather Icons by Gavion Elliott

This is a set of 16px weather icons in PNG, JPG and PSD format.

46. 120 Free New Icons

A set of 120 simple icons, in 68×68px and 48×48px resolutions. You can either grab and freely use various elements or crop them for your resolution.

47. gCons: Free All-Purpose Icons for Designers and Developers (100 icons PSD)

The icons come in 12 different colors and are available in PSD, PNG, JPG and GIF formats. This set was designed by Sarfraz Shoukat.

48. Free Country Flag Icons

37 country flag icons rendered at 256×256, 128×128, 64×64, 48×48, 32×32, 16×16 pixels. Formats available are png, ico and icns. All the icons contained in this set are free for non-commercial use.

49. Flag Favicons

These world flag favicons were created from the standard 16 color palette in IconEdit32. The favicons are original work and free to download, use and modify in any way you like. Available in .ico format.

50. Icons at Artcore Skizzenblog

A set of unique, creative icons available for non-commercial use. Released under Creative Commons license.

51. Somatic Rebirth Extras 2 by David Lanham

This collection contains 16 illustrated icons with large resources for Win and Mac.

52. Desktop Icons by Greg Barnes

This desktop icon set includes Evil Dead 2, Vintage Kitchen icon set, Terrariums icon set as well as Vampire Hunter Kit. Coming up soon: Christmas Ornaments and Army of Darkness icon set. Available for Mac, PC and iContainer.

53. PaperPlanet Icon Pack

The pack consists of the icons for various applications, music and video players, standard Mac icons as well as a couple of extras.

54. tickfiguredancer

Four custom icons based on the super hero team ‘the Avengers’, available for Mac OS X and Windows.

55. A Live Spell Check

In this freebie icon set, you will find 16 free social media icons for sites that designers appreciate (such as deviantART, Flickr, Twitter, and more). This free icon set is called A Life in Pixels and is inspired by Minimalist design philosophies.The set includes 16 32px x 32px PNG files.

56. Free Glossy E-Commerce Icons

Presenting 32 free icons to use or remix in your eCommerce projects complete with master SVG file.

57. Shopping Cart Icon

Shopping cart full of items icon based.

58. Chalkwork Payment Icons

Chalkwork Payments is a free set of online payments icons, designed to perfectly complement all other sets in the Chalkwork Family. Featuring 21 original icons and 105 variations, these graphical representations of common payment services and payment-related imagery are a completely free icon set available for personal and commercial projects

59. Credit Card Icon Set

A set of six icons for showing your visitors that you accept credit card payment.

60. Weby Icons

eby Icon Set brings to you 100 icons at 64×64 pixels ready to be used in your application or website.The icons are available in PNG, ICO and ICNS format. They are free to use for both personal and commercial projects, including websites, templates & software.

Hope this icons can help you in your next project. If there are icons that I miss, please do suggest it and I’ll be happy to update it.

In this article, I will give you the best fonts you can download and use to make your designs look clean, professional but stylish. The fonts you will see below are the fonts we can consider as clean, professional but stylish. Now, scroll down and enjoy downloading! Make sure that you read author’s notes or license first before using.

1. Gris

by: Shawn Griswold

To download Gris font, click here.

2. Champagne & Limousines

by: Lauren Thompson

To download Champagne & Limousines font, click here.

3. Capsuula

by: haef

To download Capsuula font, click here.

4. Gabriel Serif

by: Gabriel Mark Perida

To download Gabriel Serif font, click here.

5. Hand Times

by: eM-Vii aka Manuel Viergutz

To download Hand Times font, click here.

6. League Gothic

by: The League of Moveable Type

To download League Gothic font, click here.

7. Fresko

by: Fresko Design

To download Fresko font, click here.

8. Vegur

by: arro

To download Vegur font, click here.

9. Leander

by: Tension Type

To download Leander font, click here.

10. Thaitillium Improved

by: Natapon Chantabut

To download Thaitillium Improved font, click here.

11. Aerolite

by: Jan Paul

To download Aerolite font, click here.

12. Hinwil

by: David Pache

To download Hinwil font, click here.

13. Neon 80s

by: Essqué Productions

To download Neon 80s font, click here.

14. Beacon

To download Beacon font, click here.

15. Retro Italics

by: In the Midnight Hour

To download Retro Italics font, click here.

16. Chocolate G

by: Goma Shin

To download Chocolate G font, click here.

17. Big Burger G

by: Goma Shin

To download Big Burger G font, click here.

18. Tomato Round Condensed

by: www.jarchive.org

To download Tomato Round Condensed font, click here.

19. Hanoded Hand

by: Hanoded Photography

To download Hanoded Hand font, click here.

20. Mobiles

by: Adithya Sukumar

To download Mobiles font, click here.

21. Raleway

by: Matt McInerney

To download Raleway font, click here.

22. Existence Light

by: Yeah Noah

To download Existence Light font, click here.

23. Otari

by: TK TYPE

To download Otari font, click here.

24. Lowvetica

by: MarioArturo

To download Lowvetica font, click here.

25. Vieira

by: Matias Romero

To download Vieira font, click here.

26. Malibu

by: weslo

To download Malibu font, click here.

27. Jelly Bean Sandwich

by: Sometimes Aislinn

To download Jelly Bean Sandwich font, click here.

28. Clash of the Dinosaurs

by: Windows Tips Club

To download Clash of the Dinosaurs font, click here.

29. Tuffy

by: Thatcher Ulrich

To download Tuffy font, click here.

30. Petunia Bounce

by: Mario Arturo

To download Petunia Bounce font, click here.

31. Flaminia Type System

by: Andrea Bergamini

To download Flaminia Type System, click here.

32. Chisel Script

by: Ajith R

To download Chisel Script font, click here.

33. Gardens

by: Aleksander Shevchuk

To download Gardens font, click here.

34. Prociono

by: Barry Schwartz

To download Prociono font, click here.

35. Dollis

by: Beno?t Sj?holm

To download Dollis font, click here.

36. Yiggivoo Unicode

by: Peter Wiegel

To download Yiggivoo Unicode, click here.

37. Ubuntu – Title

by: Andrew Fitzsimon

To download Ubuntu – Title font, click here.

38. Easy Open Face

by: Intellecta Design

To download Easy Open Face font, click here.

39. Resagnicto

by: glukfonty

To download Resagnicto font, click here.

40. Pac Libertas

by: Evaldas Klupsas

To download Pac Libertas font, click here.

41. Ideoma Spray

by: Ideoma Design

To download Ideoma Spray, click here.

42. Adrogyne

by: Dimitri Castrique

To download Androgyne font, click here.

43. Elegante

by: Cloutier Fontes

To download Elegante font, click here.

44. Etobicoke

by: Arfurware

To download Etobicoke font, click here.

45. Sports Jersey

by: Arfurware

To download Sports Jersey font, click here.

46. Raconteur NF

by: Nick’s Fonts

To download Raconteur NF Font, click here.

47. Pyriform Tones NF

by: Nick’s Fonts

To download Pyriform Tones NF, click here.

48. Junction

by: Caroline Hadilaksono

To download Junction font, click here.

49. Camelot Denada

by: DeNada Industries

To download Camelot Denada font, click here.

50. Joe Perry

by: DeNada Industries

To download Joe Perry font, click here.

51. Goudy Bookletter

by: Barry Schwartz

To download Goudy Bookletter font, click here.

52. Stage

by: Peter Wiegel

To download Stage font, click here.

53. Packard Clipper

by: Nick’s Fonts

To download Packard Clipper font, click here.

54. Perisphere

by: Nick’s Fonts

To download Perisphere font, click here.

55. Orbitron

by: Matt McInerney

To download Orbitron font, click here.

56. Blackout

by: Tyler Finck

To download Blackout, click here.

57. Chunk

by: Meredith Mandel

To download Chunk font, click here.

58. Caviar Dreams

by: Lauren Thompson

To download Caviar Dreams font, click here.

59. Juice

by: Dhany Arliyanti

To download Juice font, click here.

60. Organic Elements

by: Nerys Evans

To download Organic Elements font, click here.

61. Oleo

by: Matias Romero

To download Oleo font, click here.

62. Quadranta

by: Darim Kim

To download Quadranta font, click here.

63. Monicas Salon

by: Nick’s Fonts

To download Monicas Salon font, click here.

64. HFF Light Petals

by: Have Fun with Fonts

To download HFF Light Petals font, click here.

65. Magnificent

by: Infinite Solutions

To download Magnificent font, click here.

66. Russel Write

by: Gary David Bouton

To download Russel Write font, click here.

67. Calligraphy Unicase

by: the Type Fetish

To download Calligrapy Unicase font, click here.

68. This Little Piggy

by: David Kerkhoff

To download This Little Piggy font, click here.

69. HP Poster

by: FZ

To download HP Poster font, click here.

70. Little Lord Fontleroy

by: Nick’s Fonts

To download Little Lord Fontleroy font, click here.

You may also want to check this article for tips in designing web typography.

Is there a time that you would like to have a refresher course or suddenly forget about that thing ? If yes, then you need some handy CSS cheat sheets. Post it on your web notes, bookmark it, or a sticky note to have a instant guide for your CSS. CSS or Cascading Style Sheet really help designers to customize their website conforming on the different browsers.

In this post, I’ll be featuring CSS cheat sheets for designers that will be helpful for you.

1. CSS 3 Cheat Sheet

2. CSS Cheat Sheet V2

3. liquidicity CSS Help Sheet

4. Blueprint CSS Cheat Sheet

5.CSS Cheat Sheet

6. Practical CSS Cheat Sheet

7. CSS Shorthand Cheat Sheet

8. CSS Properties And Values

9. idea3 Cheat Sheet

10. Liberty Boy: CSS Style Sheet Quick Reference

11. CSS Specificity- Cheat Sheet

12. CSS Shorthand Cheat Sheet

13. CSS Cheat Sheets

14. CSS3 Click Chart

15. Design 215 : CSS Quick Reference Guide

16. Cogeco : CSS Quick Reference Guide

17. Digilife : Cascading Style Sheets Level 1 properties Cheat Sheet

18. Dev Guru : CSS Quick Reference Guide

19. Dustin Diaz: CSS Shorthand Guide

20. DZone : Core CSS: Part I

21. HTML Primer : CSS Cheatsheet

22. Ian Graham : CSS Level 1 and CSS-P Quick Reference Charts

23. IFSkinZone: CSS Cheat Sheet (HTML)

24. Javascript Kit: CSS Reference Guide

25. KillerSites : HTML and CSS Codes

26. NHS Designs: CSS and Web Design Cheat Sheet

27. Tag Index : CSS and HTML Cheats and Codes

28. W3Schools CSS2 Reference

These things should be come in handy. Hope it will help you in your web designs.

In this post, I’ll be giving you 40 jQuery techniques and tutorials that will help you improve your skills.
1. Custom Animation Banner with jQuery

In this tutorial you will learn how to create a custom animation banner with jQuery by using the jQuery Easing Plugin and the jQuery 2D Transform Plugin. The idea is to have different elements in a banner that will animate step-wise in a custom way.

View Demo

2. Moving Boxes Carousel with jQuery

In this you will learn how to create a slider, that have buttons to change panels and the panels zoom in and out.

View Demo

3. Quick Feedback Form – jQuery & PHP

A simple solution to this problem. Powered by jQuery, PHP and the PHPMailer class, this form sends the users’ suggestions directly to your mailbox.

View Demo

4. Wijmo – jQuery UI Widgets

Wijmo is a complete kit of over 30 jQuery UI Widgets. It is an extremely dangerous mixture of jQuery, CSS3, SVG, and HTML5 that when combined becomes an unstoppable force on the web.

View Demo

5. One Page Navigation – jQuery Plugin

This is a practical navigation plugin by Trevor Davis that lets you scroll smoothly when the navigation is clicked – this plugin is built upon the jQuery ScrollTo plugin by Ariel Flesler.

View Demo

6. RSS Reader With jQuery Mobile

Build a simple Tuts+ RSS reader, using PHP and jQuery Mobile. When we’re finished, you’ll have the ability to add this simple project to your iPhone or Android phone with the click of a button, as well as the skills to build your web apps!

View Demo

7. Easy Accordion – jQuery Plugin

The Easy Accordion plugin by Andrea Cima Serniotti will get your definition lists (DTs) and generate a nice and smooth horizontal accordion.

View Demo

8. Lettering – jQuery Typography Plugin

In this article you will learn how to create, for example typographical CSS3 posters, or for really custom type headings, while keeping the text selectable.

View Demo

9. Annotation Overlay Effect with jQuery

Create a simple overlay effect to display annotations.

View Demo

10. Snippet – jQuery Syntax Highlighter

Snippet is a cool jQuery syntax highlighting plugin built on top of the SHJS script found on SourceForge. Snippet jQuery plugin provides a quick and easy way of highlighting source code passages in HTML documents.

View Demo

11. Google Powered Site Search With jQuery

In this logical tutorial you will learn how to create a branded custom search engine simply by using Google’s AJAX Search API, with which you can search for images and video and news items on your site – and you can also get general web results.

View Demo

12. Build a Better Tooltip with jQuery Awesomeness

In this tutorial ,It  shows how to quickly write a jQuery plugin that will replace the typical browser tooltip with something a little flashier.

View Demo

13. Simple Tooltip – jQuery & CSS

In this tutorial by Soh Tanaka you will learn how to create simple tooltip with jQuery and an incredibly simple styling with CSS.

View Demo

14. Coda Popup Bubbles

jQuery tutorial shows you how to create slick popup bubbles that appear when hovering over the target object.

View Demo

15. Exposure jQuery Plugin

Exposure is an image viewing plugin for the jQuery JavaScript library. It’s designed for creating rich, fully customizable viewing experiences, and can handle very large amounts of images without pushing your bandwidth through the roof.

View Demo

16. Giveaway Randomizer App – jQuery

In this tutorial you will learn how to create a dedicated randomizer jQuery application.

View Demo

17. jQuery Smooth Tabs Plugin

jQuery Smooth Tabs is easy to use plugin, which allows you to display your content with some effects, for better user experience. All you need is a single container for your desired tabs and content, some nice CSS and images.

View Demo

18. TN34 Timetabs – jQuery Plugin

This jQuery plugin by Mario Alves creates tab container that switches automatically every cycle to next tab. It is compatible with most modern browsers.

View Demo

19. Full Page Image Gallery with jQuery

In this tutorial you are going to create a stunning full-page gallery with scrollable thumbnails and a scrollable full screen preview.

View Demo

20. bgStretcher – jQuery Plugin

bgStretcher (Background Stretcher) is a jQuery plug-in which allows you to add a large image (or a set of images) to the background of your web page and will proportionally resize the image(s) to fill the entire window area. The plug-in will work as a slideshow if multiple images mode is used (the speed and duration for the slideshow is configurable).

View Demo

21. SlideNote – jQuery Plugin For Sliding Notifications

SlideNote is a customizable, flexible jQuery plugin that makes it easy to display sliding notifications on your website or in your web application.

View Demo

22. Easy List Splitter – jQuery Plugin

Easy List Splitter keeps the HTML to the minimum. No unnecessary elements or inline styles are added to the code. You’ll get a clean plain HTMLwith some classes that you can use as hooks to easily style your lists. Choose whether to order your list items vertically or horizontally. You can then decide whether to modify the default CSS or apply a new one.

View Demo

23. Create a Slide Tabbed Box using jQuery

Show you how to create a set a module tab interface that slides content left and right as you click on the tabs.

View Demo

24. Create a Tabbed Interface Using jQuery

This very detailed step-by-step tutorial will show you how to create a tabbed interface using jQuery.

View Demo

25. jQuery Tabbed Interface

Tabbed Interface or Tabbed Structure Menu show you how to build your own tabbed Interface using jQuery with slideDown/slideUp effect.

View Demo

26. Create Sliding Image Caption with jQuery

This image gallery tutorial shows you an interesting interaction technique for having captions that slide up to reveal more information about a particular image when the user hovers over it.

View Demo

27. Image Cross Fade Transition

This tutorial will show you how to fade another image in, superimposing onto the current image when the user hovers it. It can be a great way to display more information about a particular image.

View Demo

28. Image Reveal using jQuery

This quick and easy tutorial shows you the concept of hiding and showing elements by watching out for window events .

29. Slider Gallery

In this jQuery tutorial, you’ll learn how to create a sliding gallery that leans on jQuery UI.

View Demo

30. Simple jQuery Image Slide Show with Semi-Transparent Caption

It shows how to create a simple image slide show with a semi-transparent caption with jQuery. It is suitable to display news headlines, or an image slide show in your website front page.

View Demo

31. Create an Amazon Books Widget with jQuery and XML

Create how to leverage jQuery and the Amazon API to display products inside a content area that’s horizontally-scrollable in this highly involved step-by-step tutorial.

View Demo

32. Building a jQuery-Powered Tag-Cloud

A tag-cloud is a great way of showing visitors to your blog the main topics of interest that are available. There is also additional information contained in a tag-cloud.

33. Simple jQuery Spy Effect

In this tutorial, you’ll discover an innovative technique for mimicking Digg’s now defunct Digg Spy application.

View Demo

34. Creating a Floating HTML Menu Using jQuery and CSS

This jQuery-based navigation menu tutorial will show you how to create a menu that follows you up and down the page as you scroll.

View Demo

35. Horizontal Slide Nav Using jQuery & CSS

Learn to create a spectacular sliding navigation whose animation is triggered when the user hovers over a navigation item.

View Demo

36. Creating A Slick Ajaxed Add-To-Basket With jQuery And PHP

This is a detailed tutorial which shows creating an unobtrusive Ajaxed shopping cart using jQuery & PHP and can guide you to Ajaxify any e-commerce software you may already be using or coding.The main functions of the cart will be adding/removing items to the basket without the need of refreshing the page & displaying the actions with effects.

View Demo

37. Create a Digg-style post sharing tool with jQuery

Create a social bookmarking tool that look similar to Digg’s. It looks cool, practical and useful! I also include the komodomedia’s social bookmarking icons and a long list of submission URL for one click bookmark.

View Demo

38. Create an amazing music player using mouse gestures & hotkeys in jQuery

We will create an amazing music player coded in xHTML & jQuery that made use of mouse gestures and hotkeys. You can Click & Drag with mouse to interact with interface’s music player or use directional keys & spacebar instead of mouse.

View Demo

39. Creating a Virtual jQuery Keyboard

This tutorial will explain how we can implement a simple virtual keyboard.

View Demo

40. Quick Tip: Resizing Images Based On Browser Window Size

In fluid layouts it is easy to format the text to adjust nicely when the window is resized, but the images are not as fluid-friendly. This Quick Tip shows you how to swap between two image sizes based on the current size of the browser, div, or whatever you decide to make the deciding factor.

View Demo

If we have missed something awesome, please feel free to link us in comments.

Important:

You should read the license of each icon set before using them in your designs. Some of the icon sets are available only for personal use.

1. Flag Icons

247 icons in GIF and PNG formats. These flag icons are available for free use for any purpose with no requirement for attribution.

2. Free 37 Country Flag Icons in PNG, ICO and ICNS Format

37 country flag icons which are rendered at 256×256, 128×128, 64×64, 48×48, 32×32, 16×16 pixels. These icons are available for free download in formats like PNG, CO and ICNS.

3. 2400 Flag Icon Set

These icons are in several sizes so they’ll look great no matter where you’re using them – 16×16, 24×24, 32×32, 48×48 and 64×64. Icons provided in 2 variants – as flat and standard, and with a lovely glossy finish. Free for personal use.

4. Flag Button Devkit

Great tool for creating your own icons. To create a new button, just duplicate a layer group and paste the new flag into the respective layer. It’s as simple as that.

5. 200+ Country Flags – Massive Freebie Icon Pack

Icon pack includes PNG and PSD files for all kinds of projects. Released as a freebie, author would love to get a link to chethstudios if you use it anywhere.

6. 243 Free World Flag Icons

All 243 PNG icon flags in 3 sizes linked from this page are made free by Icon Drawer.

7. Download Free Flag Set in PNG

Neat, glossy flag set, covering all major countries and states in the world, for a prior project. All of them are saved in PNG-24 format with semi-transparency.Please include a link to nordicfactory.com on your page when using the flags.

8. European Union Flags

Free icons created by Doofy Design. Includes 512×512, 256×256, 128×128, 64×64 and 32×32 px sizes and JPG, PNG, PNG (no background) formats. Free for personal and commercial use.

9. Country flag icon set for iphone map

The Country Flag Icons for the iPhone come in PNG, ICO and ICNS formats. Available sizes include: 256×256 px, 128×128 px, 64×64 px, 48×48 px, 32×32 px and 16×16 px. There are 230 country icons in the set. Free for non-commercial use.

10. Flag Icons

One of the largest free collections. 278 free flag icons representing countries and unions all over the world. PNG format. Also with ISO 3166-1 alpha-2 codes. Sizes : 16×16, 24×24, 32×32, 48×48. If you wish to use them on website, please place link to www.icondrawer.com on your site.

11. Ultimate Free Web Designer’s Icon Set (Including Flag Icons)

This icon set is a huge collection of icons that focus on web design but also includes national flags icons. There are a total of 94 flag icons in the set. You can freely use it for both your private and commercial projects, including software, online services, templates and themes.

12.National Flag Icons

The National Flag Icons are a collection of 250 individual icons, in PNG format and sized at 48×48 px, 32×32 px and 16×16 px.

13. Flag Favicons

These basic (and slightly old-fashioned) world flag icons were created many years ago when the standard color and size formats recommended were 16 colors and 16X16 respectively. They come in ICO format and are sized at 16×16 px. These are free to download, use and modify in any way you like.

14. 50 Flag Buttons

This set includes 50 flags created into iPhone style buttons for the Mac (ICNS format). Free for non-commercial use.

15. Flag Creator

Another useful tool for creating your own stylish flags. This is an automatic waver. Simply gets your arts and waves them like a flag with click of a mouse.

16. 105 Country Flag Icons (PNG & ICO)

105 Country Flag Icons in Web 2.0 style.Icon formats: PNG, ICO, ICNS and sized at 288×288 px.

17. Not a Patriot

Free icon set called Not a Patriot. Set includes ICO, PNG and ICNS formats. Free for personal use only.

18. Rounded World Flags

Rounded world flags set includes ICO, PNG and ICNS formats. Licence: Creative Commons Attribution-Noncommercial-No Derivative Works 3.0.

19. Europe Icons

Europe countries flags. Free for personal non-commercial use. Include a link back to author site.

20. Africa Icons

African flags icons. Free icons available in ICO, ICNS and PNG formats. Free for personal non-commercial use. Include a link back to author site.

Symmetrical logo are formed symmetrically form the left and right angle creating a mirror effect therefore, what you will be seeing on the left will be identical with the right. Creating Symmetrical logo may seem simple in one’s opinion, sure, flipping one side to another voila! you have a Symmetrical logo. Big misunderstanding because it has many perspectives to satisfies. A true creative and beautiful Symmetrical logo has perfect identical sides but will manage to maintain its uniqueness and still be able to symbolize the brand’s name.

Jaguar Pale Ale

Hidalgo Stout

Catrina Red Ale

Blu Leone

Music production company

Augusto Villa

bollywood masala logo

xhosa

Kyle’s Kayaking Safaris

MusicSkull Records

Conquistador

Mixedpome

WyldLyfe

Africa Unite

Sky of Love

myDJspace

Corrida

Equestrian Clothing

Giardini dopo la Pioggia

Private Grave

Hugo & Mavis

Cookies for dogs

Lion Bird

Blue Buck

M-Color

blended milkshakes

GVA

Old Pistons

Trifecta

Buck Tales

Voodoo Monkey

Western Wrestler

Queen’s Glass

Coviam

Goldielock

Muhtarov

Forest Tracers

mammo

Clementine & Casper

Rug Washing

Wait for it-not. In today’s post, we have compiled a bunch of functional yet creatively designed calendar for year 2011! We hope this collection will inspire and give you heads up in search for your next awesome calendar. If this does not satisfy your requirement, you can purchase some of the calendars through the designers

(2011 ldt. edition Calendar by zazdesign)

(dreams & wishes by Benjamin Koh)

(Calendar two thousand eleven by Felix Ng)

(Calendar 2011. Calendar based on UK daylight hours & temperatures. by Alexander Glenn)

(Hazem Treasure by Soha el Nassag)

(Croce d’Oro Cervo calendar 2011 by Andrea Moresco)

(The Black Cat Sheriff by Fil Dunsky)

(Fedrigoni 2011 Calendar by Paul Betowski)

(11″ Ltd Edition Glow In The Dark Calendar by Mash Creative)

(Mese o non mese Calendar 2011 by Fabio Bernardi)

(This is my title by Pawel Pilat)

(B/W Typography 2011 Calendar by Matt W. Moore)

(Pantone by Derek Bowers)

(Argyle Preppy Planner by Blu Lima)

(Calendar 2011 – Including: Interfaith and Bespoke Editions by Liew Ghin)

(Saurians Renaissance by Irina Vinnik)

(Show time by Santiago Durieux)

(Zodiac Calendar 2011 by Pavel Ripley)

(What no letters for 2011 by Bastarda)