What's new for designers, June 2013

Default avatar.
June 18, 2013
What's new for designers, June 2013.

what's new for designers june 2013The June edition of what's new for web designers and developers includes new web apps, JavaScript resources, Photoshop scripts, web development tools, color palette tools, image apps, video 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.


Premailer is an online pre-flight app for HTML email creation. Just paste in your URL or source, add a query string to append to links, and add options (like removing unused IDs, comments, or classes), and submit.



Pixa is a $30 Mac app that makes it easy to organize your images into collections. It helps you quickly find and share your pictures, and works with a ton of different image formats, including psd, ai, svg, raw, and many others.



Codifferous helps you review code faster and more effectively. It tracks how much you've reviewed within the source code, and even lets you mark whether each line is accepted or rejected. Public projects are free, while private projects will eventually require a small fee.



Ladda is a UI concept that merges loading indicators into your submit buttons, so that your users aren't left wondering whether clicking submit actually did anything.



Stocksy is a stock photo service that offers high-quality, royalty-free photos that are unlike most stock photos and exclusive to Stocksy. Photos start at just $10.



Tourist.js makes it simple to create guided tours of your app. It includes hooks for things like opening windows or menus, or for waiting for a user to complete certain tasks.


TODC Bootstrap

TODC Bootstrap is a Google-style theme for Twitter Bootstrap that's packed with features like a 12-column responsive grid, tons of components, JavaScript plugins, form controls, and typography.

todc bootstrap


Videry is a curated collection of videos for web designers. There are videos on a variety of topics featured, including CSS, innovation, psychology in design, typography, and much more.


UI Icons

This set of UI Icons comes with 704 minimalist, monochrome icons in the premium version (there's a free version with a more limited set, too). They're all delivered in PSD, AI, EPS, and SVG format, ready to use.

ui icons


Pure is a set of responsive CSS modules that you can use in all of your website and app projects. It includes modules for grids, forms, buttons, tables, menus, and more.



Bounce lets you integrate Dribbble into your design programs, so you can stay up to date on what's happening without ever leaving Photoshop, Illustrator, InDesign, or Fireworks.


430+ Free Storyboard Illustrations

This collection of 430+ Free Storyboard Illustrations is free for you to use for your personal projects (it's not made to be used in final production projects). It includes a vector file, as well as a PNG file.



SketchMine is a collection of sketch files from the design community. Sketches are categorized by OS, device, icons, mockups, and more.



Guifff is a collection of animated GIFs from Dribbble. There are tons of awesome shots included here, all with permalinks to their respective Dribbble pages.


Red Pen

Red Pen makes it super fast and easy to get feedback from your clients or team members. Just drag your design onto the upload area, share the short URL you're provided with, and get live, annotated feedback. And there's no logging in, project management, or other useless features.

red pen

Designers Complaining

Designers Complaining is an awesome Tumblr blog that catalogs complaints from designers from across the web. Most recently has been a huge number of complains about iOS 7.

designers complaining


Roon is a super simple blogging platform that's cross-platform compatible. It removes 99% of the distractions that come along with blogging, leaving you free to focus on your content.



React is a JavaScript library for building great UIs. It uses a declarative paradigm for easier reasoning, computes the minimal number of changes necessary to keep your DOM up to date, and will work with the libraries and frameworks you're already using.



Need a website for documenting your open source project? Flatdoc is here to help. It lets you create a website fast, using Markdown.



Breakouts is a selection of JavaScript game engines demonstrating the classic game Breakout, to help you choose which engine is best for your project.


Explore. Create. Repeat.

Explore. Create. Repeat. is an online weekly magazine for the creative community, to inspire and offer insight. You can subscribe by email or read it online.

explore create repeat

Popular UIs

Popular UIs is a collection of popular website user interface PSDs you can download. These are, of course, recreated for educational purposes only.

popular uis


Unsplash is a new Tumblr blog offering hi-resolutions photos for your website or other creative projects. They add ten new copyright-free photos every 10 days.



Projecteo is a tiny Instagram projector that works with photo wheels, each holding nine of your Instagram photos. The project is less than $26, and the wheels are each under $9.



Colourcode is a color scheme design tool that lets you select a color by hovering over the page, and then choose a standard color scheme pattern using the slide-out menu.


Six UX

Six UX is a collection of six second UX videos for inspiration. You can browse depending on what type of UI effect you're looking for, including animation, transition, CSS, iOS, navigation, and more.

six ux


Prepros is an app for compiling a variety of languages, including Less, Sass, Scss, Coffeescript, Haml, Markdown, and more. It's available as a Chrome Extension or a Windows application.


TemplateGen Beta

The TemplateGen Beta script is a Photoshop script for starting your projects with better templates. You can easily create a new document that includes things like grids, OS X Icon squares, iOS Icons roundrects, and even create your own templates.


CSS Modal

CSS Modal lets you create modal windows entirely with pure CSS, with added JavaScript for extra flare. It's optimized for mobile use, and can be used as a Sass plugin.

css modal


Wri.pe is a smart web notepad that you can sign into with Facebook. It includes shortcut keys and Markdown support, is available on any device, backs up to the cloud, and includes calendar-based organization.


Klinic Slab (name your price)

Klinic Slab is a slab serif font in four weights (plus italics). It's a contemporary workhorse that has both personality and functionality.

klinic slab

Albert Sans & Serif (free – $15)

Albert Sans & Serif is a type family that includes both a slab serif and a sans serif font. It's modern and a little bit funky, but still highly legible.


Engine (free)

Engine is a free handwritten font with a playful personality. It comes in regular and italic.


Chomp (free)

Chomp is a playful, fun typeface with a brush script quality. It comes with uppercase characters, numbers, and punctuation.


Gin ($45)

Gin is a vintage display typeface that comes in eight styles and weights. It's reminiscent of old serif fonts and classic bottles of whiskey and gin.


Lunch Box ($24)

Lunch Box is a unique, handdrawn typeface with infinite customizable options. It also comes with a custom set of small caps, each with four style variations, and stylistic alternatives.

lunch box

Percival Script (free – $3)

Percival Script is currently a teaser for a script that will be released at a later date. It's downloadable as an EPS file right now, but the full release version will include a sans version, capitals, numerals, and more.

percival script

Operator ($6)

Operator is a slim display typeface that's great as a headline font. It includes 175 glyphs and comes as both a desktop and web font.


Font Awesome 3.2.0 (free)

Font Awesome 3.2.0 has a number of new features, including 58 new icons, pixel perfection at 14px (Bootstrap's default size), and more.

font awesome

Yuma ($10)

Yuma is an experimental typeface inspired by Navajo textiles with strong geometric patterns.


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 is a freelance writer and designer from New England. You can visit her site or follow her on Twitter.

Read Next

3 Essential Design Trends, December 2023

While we love the holidays, too much of a seasonal theme can get overwhelming. Thankfully, these design trends strike a…

10 Easy Ways to Make Money as a Web Designer

When you’re a web designer, the logical way to make money is designing websites; you can apply for a job at an agency,…

The 10 Most Hated Fonts of All Time

Remember when Comic Sans wasn’t the butt of the jokes? Long for the days when we actually enjoyed using the Impact…

15 Best New Fonts, November 2023

2023 is almost over, and the new fonts are still coming thick and fast. This month, we’ve found some awesome variable…

Old School Web Techniques Best Forgotten

When the web first entered the public consciousness back in the 90s, it was primarily text-based with minimal design…

20 Best New Websites, November 2023

As the nights draw in for the Northern hemisphere, what better way to brighten your day than by soaking up some design…

30 Amazing Chrome Extensions for Designers and Developers

Searching for a tool to make cross-platform design a breeze? Desperate for an extension that helps you figure out the…

Exciting New Tools for Designers, November 2023

We’ve got a mix of handy image helpers, useful design assets, and clever productivity tools, amongst other treats. Some…

The Dangers of Doomscrolling for Designers and How to Break Free

As a creative professional, navigating the digital realm is second nature to you. It’s normal to follow an endless…

From Image Adjustments to AI: Photoshop Through the Years

Remember when Merriam-Webster added Photoshop to the dictionary back in 2008? Want to learn how AI is changing design…

3 Essential Design Trends, November 2023

In the season of giving thanks, we often think of comfort and tradition. These are common themes with each of our three…

30 Obsolete Technologies that will Perplex Post-2000s Kids

Remember the screech of dial-up internet? Hold fond memories of arcade machines? In this list, we’re condensing down 30…