Navigation

What’s new for designers, November 2012

By Cameron Chapman | Resources, Social Media | Nov 12, 2012

The November edition of what’s new for web designers and developers includes new web and Mac apps, JavaScript and jQuery tools, productivity tools, UI testing tools, CSS and HTML frameworks, app building tools, wireframing tools, color scheme creators, 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.

 

Spectrum

Spectrum is an OS X app that makes it easy for you to create color schemes intuitively. It uses built-in harmony rules for composing color schemes, as well as a color picker, a tool to make schemes from images, and built-in library, and more.

spectrum

 

Sellbox

Sellbox lets you sell your digital files via your Dropbox account. Receive funds through PayPal, and only pay Sellbox a 5% cut without any upfront fees.

sellbox

 

Pocket

Pocket is an official Read it Later app that makes it easy to save articles, videos, or any other content for later. It works from your browser, email, and more than 300 apps, including Twitter, Pulse, Flipboard, and more.

pocket

 

Wireframe.cc

Wireframe.cc is a minimalist wireframing app that’s both a pleasure to use and beautiful to look at. Controls are simple and intuitive, and the end result is quite attractive.

wireframe.cc

 

Manymo

Manymo is an Android emulator that starts quickly and runs smoothly right in your browser, letting you test your Android apps. It supports more than 42 screen sizes and OS versions.

manymo

 

Photo Raster

Photo Raster is an advanced online photo editor that includes tools for painting, filters, adjustments, layer editing and masks, and more.

photo raster

 

Bitrix24

Bitrix24 makes it possible to create your own social intranet in just minutes. There’s a free account that supports up to 12 users and 5GB of files, while paid accounts add more users, more features, and more storage space.

bitrix24

 

Solidify

Solidify is a new prototyping app from Zurb that lets you create clickable prototypes from wireframes, mockups, or even sketches. Plans start at just $19/month.

solidify

 

IconBench

IconBench lets you customize a set of more than 700 icons. You can set things like opacity, drop shadow, inner shadow, gradient, and more, and then pick the icons you want.

iconbench

 

rwdgrid.com

rwdgrid is a responsive grid system based on 960.gs. It has different grid systems for 1200px, 960px, and 720px displays, as well as mobile screens.

rwdgrid

 

Onlytasks

Onlytasks is a new task management app for OS X and iOS that makes it easy to organize your tasks efficiently. It even synchronizes with Evernote!

onlytasks

 

WP Teacher

WP Teacher is a new plugin for educators that lets them integrate course content into their WP site. It supports two post types (assignments and events), widgets for assignment lists & event lists, and more.

wp teacher

 

SimplyTestable

SimplyTestable is an automated front-end web testing app that allows for one-click testing of your entire site. It’ll validate your HTML markup, give you an overview report of your site’s successes and failures, a detailed per-URL error report, and more.

simplytestable

 

Stride

Stride is a sales management app that includes tools to track, manage, and collaborate on new business. It includes real-time collaboration tools to help your whole team work on deals, as well as useful metrics you actually care about.

stridge

 

JS Library Boilerplate

JS Library Boilerplate is an easy to use boilerplate for creating your own JS libraries (like jQuery or Prototype). It’s written in CoffeeScript, TypeScript, and pure JavaScript, and is thoroughly documented.

js library boilerplate

 

Bootsnipp

Bootsnipp is a gallery of free elements for designers and developers working with the Bootstrap HTML/CSS/JavaScript framework. There are currently 40 snippets included, with more being added.

bootsnipp

 

Bonsai

Bonsai is a lightweight JavaScript graphics library that includes an SVG renderer. It’s straightforward to use, and supports various multimedia assets (including audio, video, images, fonts, and more).

bonsai

 

Fbootstrapp

Fbootstrapp is a toolkit for building Facebook iFrame apps in both relevant sizes. It’s based on Bootstrap and built with Less, but styled for Facebook.

fbootstrapp

 

Brunch

Brunch is an assembler for HTML5 applications. It can be used with any framework, library, programming language, stylesheet, templating language, or backend technology.

brunch

 

Deployd

Deployd makes it easy to build APIs for web and mobile apps quickly. There’s no boilerplate or configuration, unlike traditional backends.

deployd

 

Viewport Resizer

Viewport Resizer is a responsive design testing bookmarklet. All you have to do is go to the page you want to test, click the bookmarklet, and then view it in all kinds of screen resolutions.

viewport resizer

 

Iconify

Iconify is a portfolio site platform that lets you create a responsive portfolio viewable on any device, complete with your contact information. It also includes tools for sharing via social media, and it creates a downloadable mobile app version of your portfolio.

iconify

 

Simple Grid

Simple Grid is a responsive, lightweight grid. It’s 1140px wide with twelve columns, but easily adapts to any size layout.

simple grid

 

One% CSS Grid

One% CSS Grid is a 12-column fluid grid system for building responsive layouts. It has two starting options, for screens of 1280px or 1024px wide, and uses a percentage-based grid system to perfectly adapt to any screen.

one percent css grid

 

Yeoman

Yeoman is a robust set of tools and libraries, along with a workflow, for creating compelling, beautiful web apps. It includes thorough documentation, as well as a getting started guide.

yeoman

 

Emmet

Emmet is a toolkit for web developers, previously known as Zen Coding. It will greatly improve your HTML and CSS, taking snippets to a whole new level (CSS-like expressions that can be dynamically parsed and more).

emmet

 

Boot Metro

Boot Metro is a flexible, simple HTML, CSS, and JS framework for web apps with a Windows 8 App Store style. It’s open source and built on top of Twitter Bootstrap, and was inspired by Metro UI CSS.

boot metro

 

Bower

Bower is a package manager for HTML, CSS, and JavaScript. It manages dependencies for you, and allows you to easily install assets such as images, CSS, and JavaScript.

bower

 

Apigee

Apigee is a service for developers to more easily create cutting-edge apps. Apigee handles mundane tasks like sign ups/log ins, storage, and server maintenance, alongside plenty of other features.

apigee

 

Scripted

Scripted is a lightweight, fast code editor specifically for JavaScript. It’s browser-based and is served from a locally running Node.js server instance.

scripted

 

Rosarian ($55)

Rosarian is a brush-style script with thick, round shapes and variable line widths. It was designed by Laura Worthington, of Umbrella Type.

rosarian

 

Hummingbird ($39)

Hummingbird is reminiscent of old-fashioned penmanship, with technical sophistication. It is airy, personal, sensual, and has irregularities that make it as innately and intimately human as a writer’s hand and pen.

hummingbird

 

Eaglefeather ($299.95)

Eaglefeather is based on an alphabet designed by Frank Lloyd Wright for the “Eaglerock” project in 1922. It’s been adapted by P22 Type foundry.

eaglefeather

 

Poly (free)

Poly is a free display font with geometric sensibilities. It’s great at large sizes and comes with a number of alternate characters.

poly

 

Toolkit (free)

Toolkit is a free display typeface with letterforms reminiscent of hand tools, including rulers, squares, wrenches, and more.

toolkit

 

Zombie Sunrise ($10)

Zombie Sunrise is inspired by vintage horror films from the 60s. It’s hand-drawn and was designed by David Alexander Slaager.

zombie sunrise

 

Window Dressing JNL ($25)

Window Dressing JNL is based on a picture of cast metal letters from the 1950s. It has clean, simple lines, and unusual letterforms for the B and R.

 

window dressing jnl

 

King Wood Volume ($100)

King Wood Volume is a gothic typeface with Tuscan flair, that works equally well in designs inspired by the west or the east.

king wood volume

 

Moki ($70)

Moki comes in seven different styles (Base, Cut, Dust, Lean, Mono, Soft, and Uni), perfect for display use.

moki

 

RBNo2.1 ($60)

RBNo2.1 is a condensed sans-serif font with a geometric appearance and technical style. It has two versions in seven weights, with matching italics.

rbno2.1

 

Did we forget something you think should have been included? Let us know in the comments below!

Share this post
Comments (no login required)
  • http://www.musings.it/ Federica

    Thank you very much for this round up, lot of things that are worth a try!

  • http://twitter.com/javipas JaviPas

    Fantastic article, thanks for all these resources!

  • http://twitter.com/alesas Alexis Braillon

    Great collection of tools/ressources :) I bookmarked some. I love ViewPort Resizer.

  • http://twitter.com/Namshee Angus Edwardson

    You should also check out GatherContent; a route to connecting design and content ;)

  • http://twitter.com/Xiaozhuli Juliette Giannesini

    Pocket is absolutely awesome. I have been using the Firefox plugin since “read me later” (the first version) and it is one of the most useful plugins ever. Nicely developed too!

  • maxsurguy

    Wow, thanks for mentioning Bootsnipp! Ps there is a huge collection of resources for Bootstrap at http://bootsnipp.com/resources and a Bootstrap form prototype tool at http://bootsnipp.com/forms Enjoy!

  • Bojan Vidanovic

    great collection! i’m first time on this web site and i already like it!

  • elad

    Great round up as usual, thanks!
    Gonna try a few of these

  • http://sellboxhq.com/ Piotr Machowski

    Thank you for featuring Sellbox As a designer, and co-founder i am proud to see my work here :)

  • http://frontenddeveloper.fr/ David Dias

    A very interesting collection ! I need time now to see all !