featured_whatsnew

What’s new for designers, September 2015

By Cameron Chapman Posted Sep. 14, 2015 Reading time: 5 minutes

In this month’s edition of what’s new for designers and developers, we’ve included lots of color resources, startup resources, educational tools, email tools, JavaScript resources, icons, inspiration sources, CSS resources, and much more. And as always, we’ve also included some awesome new free fonts!

Almost everything on the list this month is free, with a few high-value paid apps and tools also included. They’re sure to be useful to designers and developers, from beginners to experts.

If we’ve missed something that you think should have been on the list, let us know in the comments. And if you know of a new app or resource that should be featured next month, tweet it to [@cameron_chapman](http://twitter.com/cameron_chapman) to be considered!

 

HTML Color Codes

HTML Color Codes is a color picker that lets you get HTML color codes, hex color codes, RGB and HSL values, and more. There’s also a color chart, if you’d rather not use the picker.

html color codes

 

Framer Inventory for Sketch

Framer Inventory for Sketch is a plugin that lets you generate FramerJS prototypes. You can export states rather than screens, it’s faster than Keynote, and more.

framer inventory

 

Rucksack

Rucksack is a collection of CSS features like responsive typography and property aliases that’s built on PostCSS. It’s modular and lightning fast.

rucksack

 

Chocolat.js

Chocolat.js is a jQuery free lightbox plugin. It’s light, responsive, and powerful.

chocolat.js

 

Frontify Style Guide

Frontify Style Guide lets you create free style guides for your projects quickly and easily. You can include logos, images, color palettes, typography, and much more.

frontify style guide

 

Music Emojis

Music Emojis are designed by Brazilian art director Bruno Leo Ribeiro. He’s created emojis for a variety of artists, including Aerosmith, Elton John, The Spice Girls, and Daft Punk.

music emojis

 

iOS 9 GUI for Sketch

iOS 9 GUI for Sketch includes devices, icons, and keyboard vector images. It includes a ton of elements, and respects the latest Apple guidelines for iOS9.

ios9 gui for sketch

 

Font Flame

Font Flame is like Tinder for font pairing. You’re presented with a font pairing, and can select whether you love it or hate it to see another.

font flame

 

Flinto

Flinto is a prototyping tool for Mac. You can create prototypes with simple tap-throughs to more impressive interactions.

flinto

 

UI Movement

UI Movement delivers UI design inspiration right to your inbox. You can also search or browse the site for ideas.

ui movement

 

Bonsai

Bonsai offers free, bulletproof contracts. It includes simple e-signing and integrated escrow, too.

bonsai

 

Bootstrap 4 alpha

Bootstrap 4 alpha has just been released, after a year of development. They’ve moved from Less to Sass, improved their grid system, added new customization options, and dropped IE8 support, among other new features.

bootstrap 4 alpha

 

Wake

Wake is a private space for sharing and collaborating on design work with your team. You can share screenshots and photos, explain and get feedback, and more.

wake

 

Typeset.js

Typeset.js is a typographic pre-processor for HTML that doesn’t use any client-size JavaScript. It includes soft hyphen insertion, small-caps conversion, punctuation substitution, and many other features.

typeset.js

 

Color Hunt

Color Hunt serves up beautiful color palettes every day. You can also see popular palettes, or suggest your own.

color hunt

 

Futuramo Icons

Futuramo Icons offers up a huge selection of parametric icons, including over 2500 free icons. There’s an app for instant search by size, color, style, or swatch.

futuramo icons

 

Bumpsale

Bumpsale lets you create a button for selling something using incremental pricing. After each sale the price will increase by an amount you choose, and payments are processed through Stripe.

bumpsale

 

Kickstarter Stories

Kickstarter Stories is a cureated collection of the best Kickstarter interviews. All the recordings are ad-free and uninterrupted. You can subscribe for free on iTunes to get all 340+ episodes.

kickstarter stories

 

Mockerie

Mockerie lets you create interactive, instant mockups of your website or app on free stock photography. Just provide the website URL to see it mocked up on a variety of device images, then take a screenshot to share.

mockerie

 

Designer Mill

Designer Mill features the best free design resources out there. They include templates, fonts, PSDs, icons, mockups, and tons more.

designer mill

 

HoverCards

HoverCards is a Chrome extension that lets you preview social links before clicking on them. It works with links from YouTube, Twitter, Reddit, Instagram, Imgur, and Soundcloud.

hovercards

 

Nectar Ninja

Nectar Ninja allows you to send website notifications via Twitter. Let users know of things like new features, downtime, or deals, with no signup required.

nectar ninja

 

GMass

GMass is a mass email system for Gmail. You can create instant recipient lists, track opens, and personalize based on names and email addresses, among other features.

gmass

 

CoNomads

CoNomads lets you find like-minded freelancers and nomadic workers that you can co-live with. Just meet other digital nomads, make co-living arrangements, and then stay with or host others.

conomads

 

Fanchimp

Fanchimp lets you schedule your social media content in less time. You can add blogs, feeds, Instagram accounts, hashtags, Medium users and collections, and more as sources.

fanchimp

 

Javvy

Javvy teaches you to code in Java, right on your iOS or Android device. It includes over 150 interactive tutorials.

javvy

 

Small Business API

Small Business API lets you create an Uber-like business for anything, anywhere. Just set up your app or website to take orders from customers, and the Small Business API lets you pick a specific business to handle the request or let local businesses bid on it, and then the request is completed.

small business api

 

Bedrock

Bedrock is a modern WordPress boilerplate that includes dependency management, easy configuration, and more.

bedrock

 

The “I’m a better designer” checklist

If you want to greatly improve your design skills, check out The “I’m a better designer” checklist. It’s a curated list of the best practices and characteristics you can follow to become a better designer.

The "I’m a better designer" checklist

 

Pure CSS Apple

Pure CSS Apple lets you generate Apple devices in pure CSS. Just specify the device type, width, and inner color, or generate a random device.

pure css apple

 

FlySolo

FlySolo is an easy way for designers to track their projects. It integrates with your favorite apps, while also organizing your projects, files, email, time tracking, and more.

FlySolo

 

Paradeiser

Paradeiser is an alternative to the hamburger menu for mobile. It’s only 1.3kb and pure CSS.

paradeiser

 

Byte

Byte makes it easy to create web pages to share as you like. They can link to each other and the web, and can be created on either your iOS device or your Mac (though that version is still in alpha).

byte

 

Ashley Madison Avenue

With a tagline like “Creative careers are short. Cheat on your partner”, Ashley Madison Avenue is a hilarious spoof of the infamous dating site. You can browse profiles, or create your own.

ashley madison avenue

 

Tab Counter

Tab Counter gives you realtime stats from any site with a simple bookmarklet. See activity on a Facebook page, real-time visitors in Google Analytics, upload or download time, and more.

tab counter

 

Foxhole

Foxhole is a hand drawn sans serif font made using a Tombow calligraphy pen.

foxhole

 

Synsis

Synsis is a futuristic display font from LRC Type Foundry.

synsis

 

Amsdam

Amsdam is a free sans serif typeface with circle details.

Amsdam

 

Yuleo

Yuleo is a unique distressed display typeface.

yuleo

 

New Mexico

New Mexico is an uppercase display font inspired by classic Western films.

new mexico

 

Soda Fountain

Soda Fountain is an all caps typeface inspired by 1950s soda fountain signage.

soda fountain

 

Madyson

Madyson is a sans serif typeface inspired by architecture. It’s free for personal use.

madyson

 

Frame

Frame is a free geometric display typeface.

frame

 

Ikra Slab

Ikra Slab is a geometric slab serif typeface with low contrast, perfect for logos, headlines, and information design.

ikra slab

 

Handletter

Handletter is a handdrawn font from Sasha Koggio that’s free for noncommercial use.

handletter
Aa