Navigation

What’s new for designers, December 2011

Design, Resources | Dec 12, 2011

The December edition of what’s new for web designers and developers includes new web apps, frameworks, some JavaScript tools and resources, color tools, e-commerce platforms, 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.

 

Project Adthenticate

Project Adthenticate is a hosted service for ad validation from Adobe that aims to help publishers become more efficient at launching their advertising campaigns.

 

Colorpilgrim

Colorpilgrim offers tools for creating color palettes. The ColorClipper bookmarklet lets you easily collect colors, and other tools let you create palettes from uploaded images or from scratch.

 

FormBakery

FormBakery is an incredibly easy to use app for creating forms. Just drag and drop the elements you need (text boxes, drop downs, radio buttons, and check boxes are all available), enter the email address where the form should go, and then enter the name and email address where forms should go, and export your code.

 

Easy Basket

Easy Basket is a free Ajax shopping cart that works with PayPal and Google Checkout, and includes drag-and-drop functionality. There’s also a WordPress plugin version.

 

Draftest

Draftest lets you set up tests to let your clients rate designs so you can get an idea of what styles they like most.

 

Breakpoints.js

Breakpoints.js makes it possible to define breakpoints for your responsive designs, and will trigger custom events when the user’s browser enters or exits these break points.

 

BestVendor

BestVendor makes it easy to discover apps recommended by others. You can also enter your favorite three web services to recommend them to others.

 

QwikVu

QwikVu makes it easy to share website mockups with your clients at full scale, without resorting to email attachments and without requiring your clients to sign up for any kind of account.

 

iWebInspector

iWebInspector is a free web debugging app for Safari on iPhone, iPad, and Phone Gap.

 

YAMB

YAMB is “yet another boilerplate for responsive web design.” It’s a set of tools for building better responsive designs in less time.

 

CSS3 Click Chart

CSS3 Click Chart gives you a visual representation of different CSS3 properties, along with an explanation of each and example syntax.

 

Check My Colours

Check My Colours is a tool for checking the contrast of foreground and background elements on a website design to make sure they’re accessible to those with color deficits.

 

Moment.js

Moment.js is a javascript library for parsing, manipulating, and formatting dates and times.

 

Shapecatcher

Shapecatcher is a simple app that will help you find a Unicode character similar to whatever shape you draw.

 

Dochub

Dochub is a fantastic resource for checking various CSS, HTML, JavaScript and DOM elements and definitions. In-depth documentation is provided for each, including usage notes and attributes.

 

Keyboard JS

Keyboard JS is a library for binding to keys or key combos.

 

W3Clove

W3Clove will validate the entire markup of your entire website with a single click. Just enter your site’s address and click “Validate.”

 

Reverie

Reverie is a responsive HTML5 WordPress framework based on Zurb’s Foundation. It follows the HTML5 Boilerplate standard and is hNews microformat ready.

 

Color Thief

Color Thief uses JavaScript and Canvas to grab the dominant color or color palette from an image.

 

Sell Simply

Sell Simply is a service for sending and receiving direct payments on Twitter.

 

Smart Validate

Smart Validate is a jQuery plugin for validating credit cards. It supports American Express, MasterCard, Visa, Diners Club, and Discover cards.

 

foneFrame

foneFrame is an HTML5 and CSS3 mobile framework that helps you create web pages designed specifically for smartphones.

 

jqPagination

jqPagination is a design agnostic jQuery plugin for pagination of your website or app.

 

In-Field Labels jQuery Plugin

In-Field Labels is a jQuery plugin for turning properly formatted HTML forms into forms with in-field label support.

 

Excssive

Excssive compresses your CSS files on the fly as you drag and drop them onto the page. It gives you a list of sortable and removable files, and once you’ve sorted the file hierarchy, just copy and save the minified output.

 

SimpLESS

SimpLESS is an app that will compile your .less files into valid CSS. It’s free for Mac, Linux, and PC.

 

Stitches

Stitches is a drag-and-drop app for creating sprites and stylesheets. It uses HTML5, and is only compatible with the latest versions of Firefox and Chrome currently.

 

SocialCompare

SocialCompare lets you compare anything in interactive comparison tables, and then share with your friends, and even solicit their opinions on the table data.

 

Erler Dingbats (free)

Erler Dingbats is a new complete Unicode dingbats font. It has a consistent design so everything harmonizes elegantly, and includes a wide range of popular pictograms and symbols.

 

Bitter Regular (free)

Bitter Regular is a very attractive serif font with a modern aesthetic.

 

Streetscript ($59.99)

Streetscript is a contemporary script font with a wealth of OpenType features, including stylistic alternates, ligatures, swashes, and more.

 

Accent (free)

Accent is a free font designed by Nelson Balaban. It’s very modern, with exceptional details.

 

Lorena (free)

Lorena is a free slab-serif display font with rounded edges, designed by Arnold Hoepker.

 

Lavanderia (name your own price)

Lavanderia is based on lettering from a Mission District laundromat sign, and features three weights and numerous OpenType features.

 

Bender (name your own price)

Bender is a chunky display typeface that comes in two weights.

 

Arvil Sans (name your own price)

Arvil Sans is a rounded sans-serif font that includes a wide range of symbols.

 

Bandera Pro ($189)

Bandera Pro is a square serif typeface that’s extremely legible and comes in six weights.

 

Carton (name your own price)

Carton is a slab-serif font inspired by letterpress designs, perfect for display use.

 

Modulus ($30)

Modulus is a clean and minimal sans-serif typeface with rounded lines and a very modern feel.

 

Valencia (name your own price)

Valencia is a condensed font with five weights (including matching obliques for each weight).


Written exclusively for WDD by Cameron Chapman.

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

Share this post
Comments (no login required)
  • http://www.pixeldev.it Gregory Massari

    Great, Thank You!

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

    great collection, very helpful.

  • http://twitter.com/Grinblo Evgenia Grinblo

    Brilliant collection of resources. Too much good stuff, too little time. Appreciate it!

  • http://twitter.com/mailette Mailette

    Another great list of web apps to allow me to procrastinate and not do any *actual* work! I always lose days when you guys publish these =)  Colorthief and Draftest caught my eye right away, so off I go …

  • SampeiMihira

    Wonderful! as usual. Thank you.

  • http://www.fullforcewebdesign.com Froi

    thanks for sharing this article i like the colorpilgrim the best new tool to try. great job…

  • http://www.cyberdesignz.com/services/web-designers website designers

     Excellent collection, Designers have a lot of options to put in their work and make it more fascinating.

  • http://www.facebook.com/people/Chuks-Igboegwu-O/1608607641 Chuks Igboegwu O

    great, thanks.

  • coderbay

    awsome collection.

  • http://boisecomputing.com Boise Computing LLC

    Great collection of tools, as always :)  Also, nice fonts!

  • arnold camas

    where do you get this info???…damn really useful… 

    thanks WD

    the ‘whats new for designers’ and the ‘best of the week’  is one of my favorite posts of WD

  • http://twitter.com/DoveWebDesign Dove Web Design

    This is great! Thanks so much!!!

  • http://www.webpartnergroup.com/website-design Website Design fan

    Whoa! That’s some list–lots of great things up there. Thank you for sharing them. Much appreciated.

  • http://www.webpartnergroup.com/website-design Website Design fan

    Whoa! That’s some list–lots of great things up there. Thank you for sharing them. Much appreciated.

  • http://jitendra-shah.co.uk Jitendra Shah

    CSS3 Click chart might come in handy

  • http://twitter.com/ranaizhar Izhar ul Haq

    I am in love this page. Very useful!