A Field Guide to Typestaches

Wikipedia defines a moustache (UK /məˈstɑːʃ/American Englishmustache/ˈmʌstæʃ/)[1] is facial hair grown on the upper lip. Moustaches can be groomed by trimming and styling with a type of pomade called moustache wax.

typestache on the other hand, is styled by a typographer.  These curly brackets have been selected for display and labeled by designer Tor Weeks.   The brackets look remarkably like their namesake, the Typestache.


From designer Tor Weeks: Typestaches actually started as a wine and cheese party invitation design. Halfway through designing said invitation, I started playing with brackets as accents pieces. It was when I was attempting to choose the right typeface for the design that I had a whole selection of brackets on the page so from there it just took on a life of its own. All I did was have the good sense to stop forcing it to be an invitation and let it be a poster.


This poster captures the perfect balance of quirkiness, whimsy, and simple clean typography– titled A Field Guide to Typestaches, it shows you how each typeface’s definite brackets can be turned into distinctive moustaches, when you turn them on their sides. The best part of all this is the little moniker labeling the typestaches, which personifies each type as a gentleman of sorts.

While the original poster is no longer available, version 2, in gold on black is available here.


Source: A Field Guide to Typestaches | Jeannie Huang




Animating the illusion of life

Illusion of life, purple, animation

The 12 principals of animation are a set of guidelines created by Disney animators Ollie Johnston and Frank Thomas doing the 1930s.

This video does a great job of explaining all 12.

  • Squash and Stretch
  • Anticipation
  • Staging
  • Straight Ahead vs Pose to Pose
  • Follow Through and Overlap
  • Slow In and Slow Out aka easing
  • Arcs
  • Secondary Action
  • Timing
  • Exaggeration
  • Solid Forms
  • Appeal

These are a great starting point for UI and motion designers as well as Illustrators an animators.

The Old Picture Internet Site

The Old Picture internet site

www.old-picture.com is home to a wonderful collection of historical photographs. Their collection spans the years from 1850 to 1940. These pictures include images from across the globe, and show in detail a unique chronological slice of our shared history.

Mostly black and white pictures

The photos are organized by year, or by a wide variety of subjects. There are photos of everything from Souix Chiefs to steel workers.
three Souix Chiefs

women martching with banners

a sailor on a German U-boat picture

steel worker picture

man in a buffalo head dress picture

the press room at the Herald

suspended photographer

Alaskan Glacier

Pantone Smoothies

This week’s installment of Pant-uesdays (Pantone Tuesdays) is PANTONE SMOOTHIESa delicious mix of color for your tastebuds and food for your eyes.

Anyone who has ever put fresh fruit in a blender knows that smoothies can be as vibrant to look at as they are delicious. Hedvig A Kushner, an art director in the big apple, takes that love for the looks of a smoothie a bit further and matches the drink to a pantone.

The project so far has over 12 different flavors and they all look delicious. Click on over to Pantone Smoothies and feast your eyes on all the flavors.


Epic Favicon Generator | 20+ Favicon Sizes!

Wikipedia’s favicon displayed by
an older version of Firefox

A favicon is the little icon you see next to the web address for a site in your browser bar. Back in 1999 when they were introduced, by Internet Explorer 5, favicons were a mere 16 x 16 pixel picture that had to be in the .ico format.

Today, the big five (Firefox, Chrome, Safari, Opera, and IE) all support favicons, and the files can be .ico, png, gif, or even .jpg (except in IE).  The sizes are also much more varied, depending on the way you view the internet (desctop, mobile,  tablet). It seems like each series of devices is looking for a different sized file. A simple solution to adding multiple favicon sizes to your page is The Epic Favicon Generator by Unbox. Upload a file and this generator converts it into any numberer of different sizes depending on what you need. This favicon generator also writes the code that you put in your html header to display the images. All you need to do is copy and paste the code and upload the images it creates to your server.

The Epic Favicon Generator offers 20+ favicon sizes and is free! Check it out!

Source: Epic Favicon Generator | 20+ Favicon Sizes!

Coverr – Beautiful, free videos for your homepage

If you have been thinking about using a hero video for your site, Coverr.co has a great selection of public domain videos that are free to use for personal and commercial projects. The videos that re on Coverr are simple shots of things like blurry traffic scenes, nature shots and keys typing. They are on short loops, so they bring some motion but won’t distract too much from your content. As of today there are more than a hundred videos with new ones released every Monday.

Beautiful, free videos for your homepage background

Source: Coverr – Beautiful, free videos for your homepage