What's new for designers, May 2014

Default avatar.
May 12, 2014
What's new for designers, May 2014.

what's new for designers may 2014The May edition of what's new for web designers and developers includes new web apps, plugins, frameworks, grid systems, educational resources, icon sets, blogging tools, mobile app tools, 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.


Crumpet is a simple, straightforward framework. It uses placeholder selectors to reduce the size of your HTML, makes it easy to create responsive sites, and gives you the freedom you want.



Tinypress makes it easy to create and manage a Github page blog. Just login with Github to get started.



Jeet is a grid system with markup that resembles the way a human would describe it. Get rid of the rigid column rules and needlessly nesting elements, and build a grid faster and with less code.


5apps Deploy

Want to build your own client-side HTML5 web apps? 5apps Deploy is a turn-key deployment and hosting service for these apps.

5apps deploy

Twproject Gantt

Twproject Gantt is a free online tool for creating Gantt charts, which are great for project management purposes. It includes in-place editing, CSS skinning, and more.

twproject gantt


Lavish is a color scheme generator for Bootstrap. Just provide an image, customize the resulting scheme, and get the code in CSS or LESS.


Jolly UI Free

Jolly UI Free is a free set of hand-drawn vector UI elements. It comes in both .AI and .PSD formats, as well as EPS and JPG (for previewing). There's a larger paid UI kit available, too.

jolly ui free

Hand Drawn Cooking Icons

Hand Drawn Cooking Icons is a set of 55 vectorized food-related icons that you can use as you please. Included are things like apples, fish, carrots, cooking utensils, and more.

cooking icons

Project Parfait

Project Parfait, from Adobe, lets you extract all the information you might need from your PSD comps right in your browser. It currently works in Google Chrome, with support for other browsers on the way.

project parfait

Captain Icon

Captain Icon is a set of 350+ free vector icons for mobile and web designs. It includes icons for design, sports, social, weather, and more.

captain icon

Project Naptha

Project Naptha lets you highlight, copy, and translate text from any image. Use it to extract text from any image so that you can then edit it or otherwise use it.



Shine.js is a library for creating pretty shadows. It offers dynamic light positions, customizable shadows, works with text or box shadows, and has no library dependencies, among other features.



Webflow lets you create design animations and interactions without writing any code. There's a 14-day free trial available.


Dot's Dictionary

Dot's Dictionary is an illustrated dictionary of graphic design terms. It includes a lot of terms, including "baseline", "orphan", "pixel", and more, and is a great guide for beginners.

dot's dictionary


Trianglify is a JavaScript library for creating triangle meshes automatically, which can then be used as CSS backgrounds or SVG images.



Carousel is a new image gallery from Dropbox for both iOS and Android. It can organize every photo and video you take, and keep it all at the tip of your fingers.



TitleNotifier.js is a lightweight JavaScript library for dynamically showing the number of unread notifications in your page title. It's dependency-free and easy to use.



fullPage.js is a plugin for creating fullscreen scrolling websites. Pages can be made with both horizontal and vertical scrolling, and it even works on mobile devices.



GitBook makes it easy to create interactive books using GitHub/Git and Markdown. Just write your books and courses in Markdown, and GitBook converts them into a complete static website.


The CSS Animations Pocket Guide

The CSS Animations Pocket Guide is now available as a digital edition where you can name your own price. You can download it in PDF, MOBI, and EPUB versions.

css animations pocket guide

The Style Guide Guide

The Style Guide Guide is a listing of styleguide generators for Node.JS, Gulp, Grunt, Ruby, and PHP.

style guide guide

Sidebar Transitions

Sidebar Transitions is a set of transition effects for sidebars or off-canvas navigation. It includes things like slide-ins, reveals, rotations, and more.

sidebar transitions

CSS Vocabulary

CSS Vocabulary is a simple app for learning CSS terms. Just click on the part you want to learn and the name will be highlighted in the sidebar (along with any other instances in the markup).

css vocabulary.jpg


While not strictly a design app, Stereomood is a great app if you're looking for music to fit your mood. Just type in your mood (or select from those featured) and you'll get a custom playlist. It's also available as an iOS and Android app.


Dorm Room Tycoon

Dorm Room Tycoon is a podcast that interviews creators from the business, design, and technology sectors. Recent interviewees have included Zach Klein, the co-founder of Vimeo, and Jason Fried, the founder of 37signals.

dorm room tycoon

Laudanum ($10)

Laudanum is a condensed serif typeface perfect for display use and inspired by 19th century posters.


Foenician 2.0 ($10)

Foenician 2.0 is an update to the original, with some kerning improvements and even some entirely new glyphs. Both weights have a full set of "normal" characters as well as alternates.


Hovel (free)

Hovel is a free, modern display font designed by Sergey Karas.


Dilem Handwritten (free)

Dilem Handwritten, designed by Dilem Akiner, is a handwritten display typeface with slightly condensed letterforms and a certain childish quality.

dilem handwritten

Microbrew ($24.50)

Microbrew is a retro display family with 14 styles, plus ornaments, symbols, and banners. Its style falls somewhere between wood type posters and vintage letterpress.


Darwin ($31.80)

Darwin is an eclectic type family that includes grotesque, geometric, and humanistic styles, with 20 fonts (10 normal and 10 alternates).


Bookeyed Martin (free-$29.95)

Bookeyed Martin is the newest edition to the Bookeyed family, with flashy serifs and ball terminals.

bookeyed martin

The End (free-$3+)

The End is a deeply distressed font that's free for personal use. If you'd like to use it commercially, it requires a minimum $3 donation.

the end

Marine ($29.67)

Marine is a geometric sans serif typeface with humanistic strokes. The family comes with more than a dozen fonts, and can work as both a text and display font.


Adria Slab ($18)

Adria Slab is a slab serif typeface that comes in seven weights as well as upright italics. It works well in combination with Adria Grotesk.

adria slab

Cameron Chapman

Cameron Chapman is a freelance writer and designer from New England. You can visit her site or follow her on Twitter.

Read Next

Surviving the Leap from College to Real-World Design

So, you’ve finished college and are ready to showcase your design skills to the world. This is a pivotal moment that…

20 Mind-Bending Illusions That Will Make You Question Reality

Mind-bending videos. Divisive Images. Eye-straining visuals. This list of optical illusions has it all. Join us as we…

15 Best New Fonts, February 2024

Welcome to February’s roundup of the best new fonts for designers. This month’s compilation includes some innovative…

The 10 Best WordPress Quiz Plugins in 2024

Whether it’s boosting your organic search visibility or collecting data for targeted email marketing campaigns, a great…

20 Best New Websites, February 2024

It’s almost Valentine’s Day, so this latest collection is a billet-doux celebrating the best of the web this month.

Everything You Need to Know About Image Formats In 2024

Always trying to walk the tightrope between image quality and file size? Looking to branch out from JPGs and PNGs this…

The 10 Best Logos of 2023 - Ranked

From vintage aesthetics to innovative new color schemes, we’ve seen a lot of creative logo designs this year. In this…

Exciting New Tools for Designers, February 2024

2024 is well underway and shaping up to be an interesting year. So, to help you keep your focus on working hard and…

The Art of Engineering AI Prompts

In the rapidly evolving world of artificial intelligence, the ability to communicate effectively with AI tools has…

15 Best New Fonts, January 2024

In this month’s roundup of the best new fonts, we find a large number of vintage, retro, and revival typefaces. Is it…

5 Web Design Disasters That Will Ruin Your 2024

Welcome to 2024, where web design is as fast-paced as ever. You know how crucial a killer website is nowadays — your…

14 Best Free SEO Tools in 2024

There is an ongoing debate about whether design is more art or more science. SEO is 100% alchemy; if you know where to…