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.

 

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.

0 shares
  • Active Web Group

    Great collection of resources – I’ve pinned a lot of them. Bookmarked: http://pinterest.com/activewebgroup

  • Adam Cook

    Skeuocard looks like an awesome idea, just a shame they missed out implementing ‘tab’ to jump to the next field.

  • NickeyKhem

    what a fantastic list! cheers!

  • http://themeforest.net/user/dexterous Dexterous

    Excellent roundup, I have already added a few of this links to my bookmarks !

  • jaystrab

    Tiff gets my vote for Most Confusing App Name. I expect to be able to work with tiff images and it is nothing of the sort.

  • Nick Z

    Thanks for the resources. I love the Animation Cheat Sheet.

    Nick,
    http://www.webdesignersources.com

  • vmiller

    awesome

  • http://www.web123partners.com.au/ Bianca Board

    Wah!!! So many resources to check out. This is going to make my Friday very busy!

  • Gobi

    Good collection of frameworks and web tool kits. Thanks for sharing.

    Gobi

    http://www.adornconsultants.com

  • kasap

    typewonder very useful tool

  • xianstudio

    This list is a god send — Thank you!

  • Mayur More

    Good Stuff, Thanks.

  • Surendra Singh Bisht

    Great collection its help me lot n lot..