What’s new for designers, June 2014

Default avatar.
June 11, 2014
What's new for designers, June 2014.
thumbnail

The June edition of what’s new for web designers and developers includes new web apps, frameworks, grid systems, game platforms, inspirational resources, Photoshop plugins, text editors, 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.

Scribe

Scribe

is a rich text editor framework built and open-sourced by The Guardian. It patches for browser inconsistencies and includes sensible defaults. scribe

Card

Card

is a single line of code that can make your credit card forms much more user-friendly. It’s built with pure CSS, HTML, and JS (no images), and includes animations for 4 different card types. card

Simple Sharing Buttons Generator

The Simple Sharing Buttons Generator makes it easy to create HTML sharing buttons for Facebook, Twitter, Google+, and more. There are several styles to choose from and it’s completely free. simple sharing buttons generator

PlayCanvas

PlayCanvas

is an easy to use WebGL Game Engine that’s free, open source, and includes collaborative development tools. playcanvas

Kivo

Kivo

makes it easy to annotate PowerPoint or PDF presentations. Just drag and drop your file to upload and get started. kivo

The Awesome Free Toolbox

The Awesome Free Toolbox

is a collection of awesome web design tools that includes resources for images, templates, and even hosting. awesome free toolbox

Griddify

Griddify

makes it quick and easy to create custom grid systems with vertical rhythm in Photoshop. It works in Photoshop CS6/​CC (though there are bugs in CS6). griddify

Screenshotter

Screenshotter

is a free iOS app for organizing your mobile screenshots. It automatically separates your photos from your screenshots, makes it easy to share and archive shots, and lets you arrange them in folders, among other features. screenshotter

Dept. of Design Web Field Manual

The Dept. of Design Web Field Manual, Summer 2014 edition, is a curated, categorized collection of some of the best resources out there for web design. web field manual

The Day’s Color

The Day’s Color

is a color digest with regularly updated palettes inspired by a variety of things, including objects, music, and more. the day's color

A to Z CSS

A to Z CSS

is a weekly podcast covering a variety of CSS topics. Each episode is short (generally between 4 and 7 minutes), making them easy to actually learn from. a to z css

Tumblr Boilerplate

This Tumblr Boilerplate is a simple starting point for creating a great Tumblr theme. It includes post type support, it’s HTML5 based, and it’s optimized for speed. tumblr boilerplate

30 Weeks

30 Weeks

is an experimental educational program that aims to give talented designers the tools, mentorship, experience, and other resources they need to start companies and create products that could change the world. While it’s an innovative program, it’s also not cheap: $10,000 (though there are merit and need-based scholarships available). 30 weeks

Get Shit Done

Get Shit Done

is a collection of free design elements, including buttons, menus, navigation, typographic styles, notifications, JavaScript components and more. There’s also a paid pro version with more resources. get shit done

Phở Devstack 1.0

The Phở Devstack is an automated workflow for front-end developers. It includes tools for compiling, minifying, CSS prefixing, and more. pho

Filament

Filament

is an app store” for your website that lets you easily install free apps on your site with a drag-and-drop interface, no code required. filament

Cody

Cody

is a free collection of HTML, CSS, and JavaScript snippets for your website. So far there are snippets for navigation, intros, shopping carts, and more. cody

Dimensions Toolkit

The Dimensions Toolkit is a Chrome Extension for testing responsive websites that works offline, is refresh-friendly, and lets you add custom breakpoints. There’s also an online version. dimensions toolkit

Framer.js

Framer.js

is a prototyping toolkit to turn static mockups into animated and interactive prototypes. framer

Tiny PMS Match

Tiny PMS Match

is a Tumblr blog that matches up small objects with their Pantone colors. All the photos are taken with an iPhone 5 and edited with Snapseed. tiny pms match

randomColor

randomColor

is a JavaScript color generator. Unlike other color generators, though, by default it only generates attractive colors”, eliminating grays, browns, and murky greens. randomcolor

Famo​.us

Famo​.us

is a free, open source JavaScript app framework. It includes an open source 3D layout engine, a 3D physics animation engine, and more. famous

Flexbox Grid

The Flexbox Grid is a grid system based on the flex” display property. It’s responsive, fluid, has a simple syntax, and much more. flexbox grid

Weblox

Weblox

is a simple webpage template builder that lets you easily build fully responsive pages based on Bootstrap. weblox

Spritebox

Spritebox

is a WYSIWYG tool for creating CSS from sprite images. You can generate sprites, combine spritesheets, and more. spritebox

Finch

Finch

is a tool for viewing local websites on any internet connected device. Just install the app and get a temporary public URL for your local project, secured with SSLfinch

Respondly

Respondly

is a team inbox for email and Twitter, perfect for customer support, team workflows, and more. It’s free to try, with plans starting at just $9/​month. respondly

Mailparser​.io

Mailparser​.io

lets you extract data from your emails to automate your workflow. There’s a 30-day free trial available, with paid plans starting at $19/​month. mailparser

Jeet

Jeet

is a grid system built for the way humans read things, rather than the way machines do. It eliminates needlessly nesting elements, rigid column rules, and more. jeet

Kickoff

Kickoff

is a lightweight front-end framework for building responsive sites. It’s built with Sass and Grunt, and is fully documented. kickoff

Great Talks

Great Talks

is a collections of exceptional speeches and presentations from conferences all over the world. While they’re not all strictly design-focused, they virtually all discuss creativity. great talks

Oozled

Oozled

is a curated collection of creative resources from all over the web. There are categories for typography, icons, CMSs, inspiration, conferences, color, and more. oozled

uKeeper

uKeeper

makes it easy to save full webpages. Just sign up and then email links to uKeeper and have them automatically sent to your regular email or an app email (like Evernote or Instapaper). ukeeper

Source Serif Pro (free)

Source Serif Pro

is an open source serif typeface from Adobe that comes in regular, semibold, and bold weights. source serif pro

Hairvetica (free)

Hairvetica

is a decorative vector font that looks like stylized hair, available as an Illustrator file. hairvetica

Uni Sans Free (free)

Uni Sans Free

comes in four caps weights, including a Cyrillic alphabet. More styles and weights are available in the full family. uni sans free

Sideshow ($10)

Sideshow

is inspired by sign painting, ideal for announcing big events or anything important. It also comes with 40 special graphic-glyphs, too. sideshow

ATC Overlook ($10)

ATC Overlook

is a fusion of geometric and grotesque styles with over 370 glyphs in seven weights. atc overlook

Lastra ($10)

Lastra

is a 3D, all-caps display font inspired by lettering in cafes and restaurants. It also includes custom flourishes as special characters. lastra

Beelzebrush ($35)

Beelzebrush

is a is an eight-font family inspired by heavy metal. It comes in regular, italic, alt, and alt italic with rough shapes and edges, while the heavier weights have more uniform edges. beelzebrush

Reverse Gothic JNL ($25)

Reverse Gothic JNL

has a vintage reversed letterpress look that’s great for designing cool headlines. reverse gothic jnl

Newark JNL ($47.50)

Newark JNL

is a stylized slab serif typeface based on vintage alphabet game tile pieces. There are some quirky letter widths that make it stand out. newark jnl

Lugatype (free)

Lugatype

is a quirky display typeface great for posters, signage, magazines, and more. lugatype 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

AI Changes Everything and Nothing

The marketing frenzy surrounding the recent flood of AI-powered apps and services has caused some observers to question…

15 Best New Fonts, March 2023

Fonts are one of the most critical tools in any designer’s toolbox. With clever use, you can transform a design from hu…

20 Best New Websites, March 2023

We have another exciting collection of the best new sites on the web for you. In this month’s episode, there are severa…

Exciting New Tools for Designers, March 2023

We have invoicing apps and scheduling tools. Some resources will save you the trouble of hiring a designer or developer…

Free Download: Budget Planner UI Kit

Designing an onboarding process can be tricky; there are so many different options, and if you get it wrong, you could …

3 Essential Design Trends, February 2023

There’s a common theme in this month’s collection of website design trends – typography. All three of these trends show…

Free Download: Education Icons

Icons are essential for successful web design. They provide an eye-catching, unobtrusive way to communicate important i…

15 Best New Fonts, February 2023

The fonts you embed in your website transform the design and can mean the difference between an extraordinary brand exp…

Unlocking the Power of Design to Help Users Make Smart Decisions

Users are faced with decision-making on websites every day. The decision-making process can be far more complex than it…

20 Best New Websites, February 2023

The quality of websites in 2023 has moved up a gear, with designers cherry-picking trends as tools, embracing new ideas…

AI’s Impact on the Web Is Growing

Despite the massive strides tech has taken in the last few years, we rarely see a week as tumultuous as this. When your…

Exciting New Tools for Designers, February 2023

No matter what you’re working on, you can guarantee that there’s a cool app, resource, or service that will help you do…