What’s new for designers, August 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.

Typewolf

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.

typewolf

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

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.

tiff

Bytesize

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.

bytesize

Skeuocard

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

skeuocard

WakaTi.me

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.

wakati.me

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

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

colorgorize

Spectacle

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

spectacle

Snapnote.io

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.

snapnote

Pico

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.

pico

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

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.

mailparser

Progression.js

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

progression

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

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.

nearlyfreespeech.net

Webflow

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.

webflow

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

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.

typewonder

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

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

svgeneration

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.

chronic

Cash (free)

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

cash

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.

summit

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.

Oami

Woodwarrior (tweet/FB post)

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

woodwarrior

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.

pusekatt

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.

sedona

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

Cameron Chapman is a freelance writer and designer from New England. You can visit her site or follow her on Twitter.

Join to our thriving community of like-minded creatives!