What’s new for designers – January 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.



jRumble 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.



Hovercard 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.



Sharrre 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.



Gitview 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.



AntiMap 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.



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



HexHelp.com 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.



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



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



Revolver.js 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.



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



Tmpltr 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)

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


Sofia (free)

Sofia 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)

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


Blanch (name your price)

Blanch 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)

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


Hexa (free)

Hexa 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)

Gaunt 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!

  • http://mariemtne.wordpress.com/ Mariemma

    Very nice selection ! Thanks !

  • Anonymous

    Very informative

  • Anonymous

    Thanks for mentioning Revolver.js!

  • Hazwan Hanizul

    Awesome shitz! Like seriously! Of all blogs I’ve encountered before, this is the best so far! Tons of useful stuff for me!

  • http://www.yellowduckwebdesign.co.uk Web Design Essex

    So awesome! We have become obssessed with free fonts at the moment and this selection will sit nicley in your font display case… Mwuhaha!

  • http://fajarsylvana.com/ Fajar Sylvana

    Wow.. This is a must to bookmark for web designer. Thanks !

  • http://www.kristijanbambir.from.hr/ Kristijan Bambir

    Excellent article!

  • http://www.forlio.com/ Colorado Web Design

    Pretty nice list of JavaScript stuff, you missed a really cool one though, impress.js you have to be running Chrome though, pretty amazing stuff!

  • http://www.tutorialonweb.com/ Summerhathway

    Really a wonderful post to read it.

  • http://www.forixwebdesign.com/ Tessa

    Thanks particularly to share useful jquery plugins. Useful collection.

  • Anonymous

    Love the Garamond Serial thanks for sharing

  • http://www.oldworldcreative.com Evan Skuthorpe

    Great collection, thanks.

  • http://twitter.com/bradparbs Brad Parbs

    Thanks for including HexHelp!

  • http://www.emenac.com/outsourcing/call_centre_service/ call center service

    very helpful combination for those who are working in web development and designing.

  • http://www.seopositiveltd.co.uk/pay-per-click.php Alice

    Superb collection of the designs.Its really so creative.I like these.You have done a great job by sharing these designs with us.I enjoy at the time of reading this post.Keep sharing with us in future too.

  • Ákos Polgárdi

    Thanks for including my font.

  • http://www.mgtdesign.co.uk/ Zena

    Its really a fantastic list of designs.Some interesting thoughts on the subject. Looking forward to see what else you post in the future.

  • http://www.seopositiveltd.com/link-building/ Molly

    Awesome collection of designs.You have manage & compiled really a uniuqe & real information in a single post.I like this & would like to read your more updates in future too.Keep in touch with us.

  • http://www.socialmediaoptimisation.com/ kevin

    Nice list of designs. I have just bookmarked this page so I don’t miss any more of these.Looking forward to see what else you post in the future.

  • http://www.websitedesignpositive.co.uk/ Mike

    Its really good designs.One of the best blogs I’ve read. Will definitely recommend to others. Good work.Can’t recommend this blog highly enough. Yet another great post.