What’s new for designers, December 2014

Default avatar.
December 15, 2014
What's new for designers, December 2014.

In this month’s edition of what’s new for designers and developers, we’ve included new apps for design, frameworks and boilerplates, new mobile apps and design resources, JavaScript resources, resources for startups, and much more. And as always, we’ve also included some awesome new fonts! Almost everything on the list this month is free, with a few low-cost, high-value 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 to be considered!

Foundation for Apps

Foundation for Apps

is a front-end framework for creating fully responsive web apps. You can use it for creating things like email apps, music apps, productivity apps, and more. foundation for apps

PaymentFont

PaymentFont

is an SVG web font that includes icons for all the main payment and credit card processors and methods. There are 74 icons included. paymentfont

Fontspiration

Fontspiration

is a typography inspiration app for iOS. You can browse creative typography, find fonts, and create fun animated typography gifs or videos. fontspiration

Material Up

Material Up

is a material design gallery that offers up daily inspiration for websites, mobile apps, and concepts. material up

Charted

Charted

is a new charting app from Medium. Just paste in a link to a Google Spreadsheet or CSV file and Charted does its thing, creating an interactive chart with your data. charted

Gyroscope

Gyroscope

is an app for creating a personal website that’s powered by the things you do online and the apps you use, displaying data from each. gyroscope

Frameless

Frameless

is a browser for iOS 8 that’s built for designers and developers to preview prototypes on iOS devices. It has a transparent UI with no browser chrome or status bar, and offers customizable gestures. frameless

Tindddle

Tindddle

is like Tinder for Dribbble. It makes it easy to discover great work and inspiration. tindddle

Four Shadows

Four Shadows

lets you create shadows on your icons that change with the time of day, so they match the hour hand on an analog clock. four shadows

Lining.js

Lining.js

gives you down-to-the-line control over CSS styling. So you can apply styles to specific lines, much like the first-line” CSS selector. lining.js

Hanno’s Playbook

Hanno’s Playbook

covers the complete workflow and process for designers at Hanno. It’s a great resource and example of transparency in the design world. hanno's playbook

Pixact​.ly

Pixact​.ly

is a fun online tool for seeing just how well you know your pixels and dimensions. It gives you a specific length and width of box to draw, and scores you based on how close you get. pixactly.jpg

CSS Dig

CSS Dig

is a Chrome extension that lets you analyze your CSS in new ways, including refactoring and consolidating it. CSS Dig

Website Style Guide Resources

Website Style Guide Resources

is a list of articles and other resources for creating better style guides. website style guide resources

Blocs

Blocs

is a simple Mac app for creating responsive, modern, static websites without writing code. It’s fast and intuitive, uses Bootstrap 3, includes a curated list of Google Web Fonts, and even has retina support. Blocs

Ocean

Ocean

is a community for designers to share feedback with one another. You can join with Twitter to upload your own designs or leave feedback for others. ocean

Zion

Zion

is a set of icons designed for OS X Yosemite’s refined visual language. It creates a system-wide consistency that’s lacking in the default icons. zion

Vivus

Vivus

is a JS class that lets you animate SVGs, to appear that they’re being drawn. There are three styles of animation: delayed, asynchronous, and one-by-one. vivus

Rinse​.io

Rinse​.io

is an exclusive photography and portfolio community, that aims to showecase great photographic stories by both established and emerging artists. rinse.io

Atomic

Atomic

is interface design software that that includes built-in prototyping and collaboration tools. atomic

Firefox Developer Edition

Firefox Developer Edition

is a browser made specifically for developers. It includes pixel-perfect coding tools and tools for debugging in any browser. firefox developer edition

Material UI

Material UI

is a CSS framework a set of React components that uses Google’s material design. material ui

Merry Icons

Merry Icons

is a set of hand-drawn Christmas icons. There are 12 icons in the free set, including a Santa, Christmas tree, ornament, lights, candle, snowflake, stocking, gift, and more. They come as AI, EPS, PSD, and PNG files, in four sizes. merry icons

Postatic

Postatic

is a platform for creating a HackerNews-like community. You can control the look of the site, as well as how the site is accessed by your community. postatic

Stitches

Stitches

is an HTML5 sprite sheet generator that uses a drag and drop interface. stitches

Venngage

Venngage

is an easy way to create and publish infographics, data visualizations, and reports, with hundreds of charts and icons available. venngage

Prototyping Tools

Prototyping Tools

is a chart comparing prototyping tools, to help you choose the best one for your design needs. It includes columns for output, gestures, terms, and more. prototyping tools

PrivacyPal

PrivacyPal

is a simple way to see the terms and conditions for any website just by entering the URLprivacypal

Framer

Framer

is an open source, innovative prototyping and experimentation JavaScript framework that lets you define animations and interactions. framer

Qards

Qards

is a set of pre-designed cards that you can use together to create a website, with no need to design or code. qards

Designer’s Guide to DPI

The Designer’s Guide to DPI is an introductory read for designers who want to better understand cross-DPI and cross-platform design. designer's guide to dpi

StartupQuote

StartupQuote

features quotes from various startup founders. There are quotes from everyone from Ian MacAllister of Amazon to Satya Nadella of Microsoft to Travis Kalanick of Uber included. startupquote

Pantone Color of the Year 2015

Pantone Color of the Year 2015

has been announced. Marsala is a more muted and sophisticated hue than some in recent years. color of the year 2015

SWAPI

SWAPI

is the Star Wars API with all the Star Wars data you could ever want. It includes data on the planets, spaceships, vehicles, people, and more. swapi

Galaktika Gravity

Galaktika Gravity

is a futuristic display font with a bit of a handdrawn quality. galaktika gravity

Propaganda

Propaganda

is a visually strong display font that started out being designed for a tshirt logo. propaganda

Leathery

Leathery

is a free display font with a handmade, vintage feel. It includes three different fonts (smallcaps, uppercase, and capslock) with 402 total glyphs. leathery

BlackDrops

BlackDrops

) was created for a project for a Metalcore band, Black Drops Remains, and later expanded into a complete font. blackdrops)

Mad Squire

Mad Squire

is an experimental geometric typeface that includes uppercase and lowercase alphabets, plus alternative letter sets. mad square

Pribambas

Pribambas

has an organic feel, and comes in uppercase Latin and Cyrillic alphabets. pribambas

Quarz 974 Black

Quarz 974 Black

is a free display font with a strong geometric style. quarz 974 black

Delicate

Delicate

is a stylized serif display font, with a mix of barely-there and very strong strokes. delicate

Fantazyor

Fantazyor

is a free display font with a funky, cartoonish style that’s perfect for titling and the like. fantazyor

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

15 Best New Fonts, May 2023

The choices you make when selecting a typeface have more impact on your design than almost any other decision, so it’s …

10+ Best Tools & Resources for Web Designers and Agencies (2023 updated)

Having the ability to envision a tastefully designed website (i.e., the role creativity plays) is important. But being …

20 Best New Websites, May 2023

This month, there are tons of great new agency websites to get excited about. 3D animated prisms are a popular theme, a…

How to Find the Right White Label Website Builder for Your Agency

Web design agencies face a lot of obstacles in closing the deal with new clients. One of the most common ones is the ar…

Exciting New Tools For Designers, May 2023

There are hundreds of new tools for designers and developers released each month. We sift through them all to bring you…

3 Essential Design Trends, May 2023

All three of the website design trends here mimic something bigger going on in the tech space, from a desire to have mo…

10 Best AI Tools for Web Designers (2023)

It’s time to stop worrying if AI is going to take your job and instead start using AI to expand the services you can of…

10 Best Marketing Agency Websites (Examples, Inspo, and Templates!)

Marketers are skilled in developing strategies, producing visual assets, writing text with high impact, and optimizing …

15 Best New Fonts, April 2023

Fonts are a designer’s best friend. They add personality to our designs and enable fine typography to elevate the quali…

20 Best New Websites, April 2023

In April’s edition, there’s a whole heap of large-scale, and even full-screen, video. Drone footage is back with a veng…

Exciting New Tools For Designers, April 2023

The AI revolution is having a huge impact on the types of products that are hitting the market, with almost every app b…

3 Essential Design Trends, March 2023

One thing that we often think about design trends is that they are probably good to make a list. That’s not always true…