What’s New for Designers, August 2013

Cameron Chapman By Cameron Chapman  |  Aug. 14, 2013

The August edition of what’s new for web designers and developers includes new web apps, jQuery resources, web development tools, responsive design tools, color resources, coding resources, 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.



Looking for typography inspiration? Then Typewolf is just the site. Not only does it provide plenty of online typographical inspiration, but it also identifies the fonts used for you.



Bootstrap 3

Bootstrap, the mobile-first responsive framework from Twitter, has been around for awhile, but Bootstrap 3 RC1 has just been released. It has a number of new features over the last version, with more than 1600 commits and 72,000 additions/deletions, so basically everything has changed.

bootstrap 3


iOS 7 Wireframe Kit

This iOS7 Wireframe Kit from Blake Perdue makes it easy to wireframe your iOS 7 apps in Illustrator, and includes all the basic UI elements you might want.

ios7 wireframe kit



Tiff is a type tool that lets you visually contrast the differences between two typefaces. It currently works with Google Web Fonts, as well as your system fonts.




Bytesize is a new weekly podcast about tech, design, and development. You can also read summaries of the week’s news on the site, along with links to the original articles.




Skeuocard is a progressively-enhanced credit card input form that provides visual cues as credit card information is entered.




WakaTi.me brings time tracking directly to your text editor. Just install the plugin (it currently works with Vim or Sublime), and then visit the WakaTi.me website to see your time spent on each project.



Responsive Web CSS

Responsive Web CSS makes it quick and easy to layout your pages for responsive sites for a variety of devices.

responsive web css



Colorgorize is a web design gallery sorted entirely by color. You can browse sites, or search by specific color.




Spectacle is a Mac app for window control via keyboard shortcuts. It’s open source, has customizable keyboard shortcuts, and is easy to use.




Snapnote.io makes it incredibly easy to share and annotate images and screenshots. Just drag and drop your image onto the page, use the built-in tools for annotation, and then share it.




Pico is a simple, fast, flat file CMS, meaning that it uses no database. It uses the Twig templating engine for powerful and flexible themes, and is completely free and open source.



CSS3 Animation Cheat Sheet

This CSS3 Animation Cheat Sheet shows a variety of animations that are possible with CSS3, including slide up and slide down, expand open, and more.

animation cheat sheet


Precomposed Touch Gestures

This set of basic, Precomposed Touch Gestures is great for use in product demos or presentations. They’re available as raw Quicktime animations, so they’ll work in your video editor or Photoshop.

touch gestures



Mailparser is an easy way to automate your daily email routine. Just set up your data extraction rules, and tell it how to handle the results.




Progression.js is a jQuery plugin that lets you add real-time hints and progress indicators to your forms.



CSS Zen Garden

CSS Zen Garden has been around for awhile, but has recently been reworked as an HTML5 template. It’s a great demonstration of what can be done with CSS-based design.

css zen garden



NearlyFreeSpeech.NET is a web hosting service where you only pay for what you actually use. There’s a pricing estimator you can use to get an idea owf what your hosting will cost based on what you’re likely to use.




Webflow makes it easy to design responsive sites visually, with pixel-perfect control. It includes a responsive grid, versioning, web fonts support, custom forms and more.



Emmet LiveStyle

Emmet LiveStyle is a plugin for bi-directional editing of your CSS. It works with Google Chrome, Safari, and Sublime Text.

emmet lifestyle



TypeWonder makes it easy to test and preview web fonts on the fly, without coding. Just enter your site’s URL and pick a font to get started.



Cloud Cannon

Cloud Cannon lets you crate a hosted CMS from your HTML and CSS in seconds. It has a 30-day free trial.

cloud cannon



SVGeneration is a SVG graphics showcase and generator that lets you quickly and easily create graphics for use on your sites.



Chronic (by donation)

Chronic is a new experimental typeface inspired by Native American culture and geometry. It includes over 300 glyphs in 4 different styles.



Cash (free)

Cash is a slab serif typeface that’s free for personal use.



Summit (name your price)

Summit is a beautiful, elegant, legible display typeface with a basis in geometric sans serifs. It comes in 10 styles and 5 weights.


Origami Beta (free)

Origami Beta is a beautiful sans serif typeface with slightly condensed letterforms that’s great for display use.

origami beta


Allumi Dingbats (free)

Allumi Dingbats is a set of minimalist dingbats, available in both free and pro versions.

allumi dingbats


Oami (€10)

Oami is a funky display typeface with open letterforms. You can also pay with a tweet.



Woodwarrior (tweet/FB post)

Woodwarrior is a modern display typeface with geometric letterforms and a very bold style.



Squirrel FY ($39)

Squirrel FY is a plump typeface that comes with fancy alternates, perfect for composing headlines or other display uses.

squirrel fy


Pusekatt ($15)

Pusekatt is a handdrawn typeface that’s lively, happy, and useful for things like posters.



Sedona ($29)

Sedona is a very bold, quirkuy display font based on an isometric grid and evocative of travel, campgrounds, rustic lodges, needle point, and more.



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