What’s new for designers — January 2012

Default avatar.
January 16, 2012

The January edition of what’s new for web designers and developers includes new web apps, frameworks, jQuery plugins, color tools, and a number of 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.

Cuepoint JS

Cuepoint JS

is an open source plugin for adding subtitles or cue-points to HTML5 video. 



is a jQuery plugin that makes any element you choose rumble, vibrate, shake, and rotate. 

Circle Menu

Circle Menu

is a jQuery plugin that emulates the menu in the Path application, and includes various animation options for opening and closing menus. 



is a free jQuery plugin that lets you display related information when you hover over a link, label, or any other HTML element. It includes Twitter and Facebook hovercards, and uses minimum CSS and no external stylesheets. 



is a jQuery plugin for creating widgets for sharing for Facebook, Twitter, Google Plus, and more. It includes Google Analytics tracking, and is highly configurable and personalizable. 

Flow Slider

Flow Slider

is a jQuery plugin that lets you slide HTML content in a variety of ways. It’s cross-browser compatible, customizable, and easy to set up. 



is a JavaScript widget for listing Github repositories. It includes asynchronous loading of all data, a canvas element for the participation graph, and many other features. 

Leaflet Maps Marker

Leaflet Maps Marker

is a WordPress plugin that lets you pin your favorite places with markers, use integrated address search for finding your places, and much more. 

Initializr 2 Responsive Template

Initializr 2

is now offering an HTML5 responsive design template generator. You can create slightly customized and highly customized templates in under a minute. 



is an open source toolset for recording and visualizing your data. There’s a smart phone app for data capture, as well as desktop and web applications for analysis and visualization. 



is a web app that lets you create infographic resumes that will set you apart from other job seekers. 



is an easy-to-use app for getting hex codes for any color. 

Visual Heap

Visual Heap

is a visual aggregator for designers that pulls images from all over the web for inspiration and ideas. 



is a JS script for grabbing the main accent color from any website. 



is a fast, secure, free online image cropping service. Just input the dimensions, upload your image, and that’s it. 



is a new content slider that’s equivalent to a boilerplate or framework for creating your own slider. It’s easy to use and completely customizable. 



is a jQuery plugin for doing various scrolly stuff”, like transitions. 



is a tool for rapid web iteration, using JSON, HTML, and CSS

Standard International (free)

Standard International

is a modern sans serif font with slightly retro stylings. 

Poly (free)


is a traditional serif typeface suitable for text or display use. 

Sofia (free)


is a feminine script font with lots of character. 

Brix Slab ($174.30)

Brix Slab

is an extended family with 24 fonts. It’s a robust slab serif font with subtle detailing, optimized for longer texts and readable in smaller sizes. 

Rosarian ($55.10)


is a beautiful brush serif font with curvy stems on many of the letters, designed by Laura Worthington. 

Blanch (name your price)


is a display typeface that comes in six weights. It was designed for the Fruita Blanch brand, and is traditional but with a contemporary feel. 

Cubano (name your price)


has rounded corners and wide strokes, and features 167 glyphs. 

Hexa (free)


is a blackletter typeface that has a modern look and feel. 

Haiku’s Script (free for personal use)

Haiku’s Script

is a hadwritten script font, created by Poemhaiku. 

Gaunt (free)


is a varying-width, uppercase font. The varying widths can be mixed together to give it a more unpredictable, non-uniform effect. 

Garamond Serial ($14.99)

Garamond Serial

is a traditional serif typeface with seven widths. 

Bad Script (free)

Bad Script

is a script font designed with a tablet to resemble casual and neat handwriting.  Know of a new app or resource that should have been included but wasn’t? Let us know in the comments!

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

Apple Opts for AR over VR at WWDC

An Apple VR headset has been one of the most widely-rumored devices of the last few years, and it was finally settled a…

Exciting New Tools for Designers, June 2023

We’re halfway through 2023 already, and the number of incredible apps, tools, and resources for designers is mounting.

3 Essential Design Trends, June 2023

This month we are focusing on three trends within a bigger website design trend – different navigation menu styles and …

15 Best New Fonts, May 2023

The choices you make when selecting a typeface have more impact on your design than almost any other decision, so it’s …

10+ Best Tools & Resources for Web Designers and Agencies (2023 updated)

Having the ability to envision a tastefully designed website (i.e., the role creativity plays) is important. But being …

20 Best New Websites, May 2023

This month, there are tons of great new agency websites to get excited about. 3D animated prisms are a popular theme, a…

How to Find the Right White Label Website Builder for Your Agency

Web design agencies face a lot of obstacles in closing the deal with new clients. One of the most common ones is the ar…

Exciting New Tools For Designers, May 2023

There are hundreds of new tools for designers and developers released each month. We sift through them all to bring you…

3 Essential Design Trends, May 2023

All three of the website design trends here mimic something bigger going on in the tech space, from a desire to have mo…

10 Best AI Tools for Web Designers (2023)

It’s time to stop worrying if AI is going to take your job and instead start using AI to expand the services you can of…

10 Best Marketing Agency Websites (Examples, Inspo, and Templates!)

Marketers are skilled in developing strategies, producing visual assets, writing text with high impact, and optimizing …

15 Best New Fonts, April 2023

Fonts are a designer’s best friend. They add personality to our designs and enable fine typography to elevate the quali…