What’s new for designers, December 2013

The December edition of ‘What’s new for web designers and developers’ includes new web apps, graphic design tools, inspirational resources, web design tools, icons, typography resources, and some really great new fonts.

Many of the resources below are free or very low cost, and are sure to be useful to a lot of designers and developers out there.

As always, if we’ve missed something you think should have been included, please let us know in the comments. And if you have an app or other resource you’d like to see included next month, tweet it to @cameron_chapman for consideration.

 

Design Faves

Design Faves is new site that offers up plenty of design inspiration every day. There are posts about creativity, general design, art, architecture, and much more.

design faves

 

Bitters

Bitters is a set of pre-made styles for your Bourbon stylesheets. It includes styles for grid settings, forms, lists, typography, and much more.

bitters

 

Type Scale

Type Scale is a visual calculator for creating typographical scales for your designs. Just enter in your base size and what scale you want to use, and it will give you the best sizes for your headers, body, and other text.

type scale

 

Color Template

Color Template is a quick tutorial that will teach you how to choose the best colors for your designs. It starts with the color wheel, and progresses through a number of other color theory topics.

color template

 

Glifo

Glifo makes it simple to build icon web fonts with Photoshop, but letting you export your PSD icon’s layers with a single click. Just add a * prefix to layers, push a button, and you’ll get a web font!

glifo

 

Ink

Ink is a responsive HTML email framework from Zurb. It lets you quickly create emails that will work on any device or client, even Outlook.

ink

 

Pantone Color of the Year 2014

Just announced, Pantone’s Color of the Year 2014 is a pinkish shade of purple, called Radiant Orchid. You can download the swatch as an Adobe Applications .ase file.

pantone color

 

Kanye vs Creative Director

Kanye vs Creative Director is a fun look at quotes that were either spoken by a creative director or Kanye West. See if you can guess which one, or submit your own quote.

kanye vs creative director

 

Crowdhoster

Crowdhoster is a service for launching your own crowdfunding page without any coding. You can customize it however you want, and they handle all the payment processing for you and provide you with an admin dashboard.

crowdhoster

 

Smallicons

Smallicons is a set of 330 icons (and five interfaces), 54 of which are free to download. They come in two sizes: 32×32 and 64×64.

smallicons

 

Syte

Syte is a simple but powerful way to build a personal website with social integrations like Twitter, GitHub, Instagram, Dribbble, and many more. It even works with WordPress.com or Tumblr for blog integration.

syte

 

Strikingly

Strikingly is an easy way to create mobile-optimized sites in minutes. It has an easy-to-use editor and all the tools you need to launch your site.

strikingly

 

Animatron

Animatron is a simple tool for building HTML5 animations and interactive content. Work right in your browser and save projects in the cloud.

animatron

 

We Work Remotely

We Work Remotely is a new job board from 37signals for finding the best telecommuting jobs out there.

we work remotely

 

Noisli

Noisli is a background noise and color generator that’s great for relaxing or working. Choose from a variety of sounds you can layer, and check out the color-changing background of the site for a little chromotherapy.

noisli

 

Foundation 5

Foundation 5 is the newest iteration of Zurb’s popular Foundation framework. It has a number of new features and is significantly faster to code, learn, and for users.

foundation 5

 

The Ginger Project

The Ginger Project is a simple and effortless way to create an “explainer video” for anything you need to explain. You can include voice overs and it includes tools for creating a beautiful look to your projects.

ginger project

 

OriDomi

OriDomi is an open source JavaScript library for creating paper-folding effects that can be manipulated by mouse or touch.

oridomi

 

Beyond Ink

Beyond Ink is a monthly design podcast for those in the creative or web industries to discuss what they do.

beyond ink

 

Character-Code.com

Character-Code.com is a reference of common characters and their HTML code, Hexadecimal code, and HTML entity for ASCII characters. It also has handy descriptions of each character.

character-code

 

CSS Wizardry Boilerplate Contract

This CSS Wizardry Boilerplate Contract is a great starting point if you’re looking to create your own contract. It’s licensed freely (without liability, of course) for you to use and change as you see fit.

boilerplate

 

Slides

Slides from Markdown is a simple way to share your thoughts with the world. Slides can be customized easily, with different fonts, font colors, and more.

slides

 

iconmelon

iconmelon is an SVG icons library for the web. It includes icons for holidays, pictograms, and much more.

iconmelon

 

List.js

List.js is an invisible but powerful and incredibly fast JavaScript that adds flexibility, search, sort, and filters to your HTML lists, tables, and anything else.

list.js

 

Sizzlepig

Sizzlepig is a tool for gaining control over your images by resizing multiple images (entire folders, even) with no scripts and no guesswork. It includes tools for scaling, cropping, editing, and more.

sizzlepig

 

Exposure

Exposure is a tool for creating photo narratives online. It’s a great way for photographers to publish their work in a more meaningful but effortless way.

exposure

 

Hello Sailor (free)

Hello Sailor is a tattoo-inspired decorative font from Out of Step Font Company.

hello sailor

 

Neroli (free)

Neroli is a decorative display font with a funky, modern style, designed by Matias Romero. It’s free for personal use, while commercial use requires a donation.

neroli

 

Klinic Slab (name your price)

Klinic Slab is a slab serif font from Lost Type Co-op in four weights (plus italics), that’s contemporary and versatile.

klinic slab

 

Minuscule (free)

Minuscule is a free display font currently available as a beta, that comes with all lower-case letters.

minuscule

 

Berty Boo ($5)

Berty Boo is a handdrawn font that’s tall and wobbly. It comes in three weights: regular, medium, and bold.

berty boo

 

Rivina ($5)

Rivina is a display font that comes with outline and fill alternates for creating unique designs. It’s great for DIY styled projects.

rivina

 

Max Rock ($5)

Max Rock is a sans-serif grunge font with 3 alternates in a single purchase, ranging from lightly textured to thoroughly destroyed.

max rock

 

Seashore Pro ($59)

Seashore Pro is a feminine script with thicker horizontals that create a wave-like appearance. It’s loosely based on the left-leaning penmanship of the late 19th century.

Seashore Pro

 

Lumier ($70)

Lumier is a sans serif art-deco-styled typeface inspired by posters from between WWI and WWII. It comes in three weights.

lumier

 

Amerbach 883

Amerbach 883 is a typeface based on the printing works of Johann Amerbach, a successful printer from Basil, Switzerland.

amerbach 883

Know of a new app or resource that should have been included but wasn’t? Let us know in the comments.

0 shares
  • ddunny

    Great collection of resources, i love you.

  • http://bolica.net Ahmed Bolica

    Thanks Cameron :)

  • http://dthomas.co/ D Thomas

    Love the fonts mixed in there. Will definitely have to have a play with “hello sailor” in a project at some point.

  • pburtchaell

    Neroli, the ugliest Christmas font ever.

    And that is saying something.

  • Creation Hub

    Very Nice, Thanks

  • Andrea Livingston

    Appreciate the list and love that sizzlepig was included. Thank-you for putting all this great info. together.

  • Dan Ziwei Du

    Thanks really like the recommendation.