What’s new for designers, April 2014

The April edition of what’s new for web designers and developers includes new web apps, Photoshop extensions, game frameworks, educational resources, mobile frameworks, jQuery plugins, 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.

 

Untrusted

Want to practice your JavaScript skills? Untrusted is an addictive video game that is played by tweaking and rewriting JavaScript code.

untrusted

 

Typeform

Typeform is an easy way to set up forms that ask questions one at a time, much like a human conversation. It has a beautiful interface and is easy to set up.

typeform

 

Dropr

Dropr is an easy to set up portfolio for creatives. It’s responsive, looks the same (awesome) on every device, and it’s free.

dropr

 

GetTemplate

GetTemplate offers up responsive HTML5 and CSS3 templates for rapid web development. There are single-page templates, business templates, and more, with new ones added all the time.

gettemplate

 

Framework7

Framework7 is a full-featured HTML framework for building hybrid and web-based iOS7 apps with native features. It’s also great for prototyping functioning apps.

framework7

 

Nasty Icons

Nasty Icons is a set of edgy icons that can add some real interest to your designs. There are icons for plane crashes, vehicle fires, a head being stabbed in the eye, a stripper, a hangman, and much more.

nasty icons

 

Bootflat

Bootflat is an open source flat UI kit based on Bootstrap 3.1.1. It uses HTML5 and CSS3, is lightweight, and mobile first.

bootflat

 

Fluidity

Fluidity takes the little bit of HTML that isn’t responsive right out of the box and fixes it. It’s only 115 bytes, and does things like make images and tables responsive.

fluidity

 

UberVU Grid

UberVU Grid is a drag and drop library for 2D, resizable, responsive lists. It currently works as a horizontal grid, so you can configure the number of rows, while the columns will extend dynamically based on the items in the grid.

ubervu grid

 

IxD Checklist

IxD Checklist is a handy checklist for making sure that your interaction designs are working as they should. It includes sections on affordance, feedback, simplicity, structure, and more.

ixd checklist

 

Velositey

Velositey is a Photoshop extension for prototyping your designs in seconds. It makes it easy to set up the basics of your design, including layout and styles, based on an 1170px grid.

velositey

 

Really Good Emails

Need some HTML email design inspiration? Really Good Emails is a gallery of the best email designs out there, which you can browse based on type (alert, product sale, product update, etc.).

really good emails

 

Badass Lady Creatives

Badass Lady Creatives is a site dedicated to featuring creative women from a variety of disciplines. It includes work from each to further inspire you.

badass lady creatives

 

Pixelcasts

Pixelcasts is a monthly video showing how real designers create things. It includes source downloads along with the videos, and every lesson you purchase is saved in your account for future reference.

pixelcasts

 

Brick

Brick provides webfonts that actually look good. It’s completely open source, and fonts are served through Fastly’s industry-leading CDN.

brick

 

Iconion

Iconion is an icon generator that lets you convert any icon font into PNG icons. You can add color, shadows, backgrounds, gradients, and more.

iconion

 

Mockuuups

Mockuuups is a set of four free hi-res iPhone 5S mockups. They have a fully adjustable background and display images.

mockuuups

 

MixItUp 2

MixItUp 2 is a jQuery plugin for animated filtering and sorting. It’s great for things like portfolios, galleries, and blogs.

mixitup

 

Metalsmith

Metalsmith is a pluggable static site generator. All of the logic is handled by plugins that you simply chain together.

metalsmith

 

jQuery lightGallery

jQuery lightGallery is a lightweight lightbox gallery that works with both still images and video. It works with modern browsers, offers support for fade and slide effects, and you can put multiple sliders on a single page.

lightgallery

 

Triangly

Triangly lets you build a portfolio for your work just by adding your files to Dropbox, with no limits on how many projects you can include, and with the ability to present your images separately or in sets, among other features. It’s currently invitation only, but you can request an invite.

triangly

 

Jolly UI

Jolly UI is a set of over 200 hand-drawn vector UI elements to add personality to your projects. There’s a premium version for $29, and a free version that includes dozens of elements for web pages and apps.

jolly ui

 

JS Manners

Want to evaluate a 3rd party script before you use it on your website? JS Manners is a tool for scoring those scripts, including questions about performance, stability, footprint, flexibility, security, and compliance.

js manners

 

Slick

Slick is a fully responsive carousel that scales with its container. It uses CSS3 when available but works fine without it, among other features.

slick

 

Comic Neue (free)

Comic Neue is a greatly improved typeface inspired by Comic Sans. It comes in a variety of weights and faces that even typophiles will appreciate.

comic neue

 

Zona Pro ($10)

Zona Pro is a geometric sans-serif type family that includes eight styles plus matching italics. It’s inspired by geometric typefaces from the 1920s, with clean, highly readable shapes.

zona pro

 

Marigny ($50+)

Marigny is a casual typeface consisting of five weights, from thin to black. It also includes a full set of small caps, fancy swash caps, and more.

marigny

 

Maritime Champion ($48)

Maritime Champion is a seaworthy all-caps font thatcomes in six weights, along with a Shoreline style with an additional four weights.

maritime champion

 

Laski Slab ($42+)

Laski Slab is a suite of twenty fonts designed for editorial purposes, originally developed for an online children’s magazine.

laski slab

 

Science White ($10+)

Science White is a companion font to Science Noire, without the spider web. It comes in 3 weights, plus italics.

science white

 

Lame Font (free)

Lame Font is a display typeface with a decidedly art deco slant.

lame font

 

Strato ($10)

Strato is a layered, slightly humanist sans serif typeface inspired by the city of Rome. It’s proportionally based on classical Roman inscriptions, but with a modern twist.

strato

 

Wonderhand ($275)

Wonderhand is an extensive family of scripts, in seven widths and three weights. It has a total of 63 fonts, with two sets of alternate characters and automatic features to better imitate handwriting.

wonderhand

 

Ciao Bella ($10.50)

Ciao Bella is a sophisticated, hand-drawn copperplate script that includes four ornament fonts. It uses OpenType features to create a more genuine hand-lettered look.

ciao bella
  • Oliver McPhee

    Nice – love this list!

    Another little find: http://www.whycode.com/home.aspx?kgid=23346

    This helps you map out your product… eg… WHAT is it trying to achieve, HOW will it work and WHY is it important…

    Sometimes us designers focus too much on the aesthetics, and not enough on the business logic!

  • Alex

    Ahah typegame is a april fool’s…

    • Cameron

      Ha! You’re right! Things like that occasionally slip through. But the game they created is still pretty neat.