What's new for designers, April 2013

Default avatar.
April 15, 2013
What's new for designers, April 2013.

what's new for designers april 2013The April edition of what's new for web designers and developers includes new web apps, jQuery plugins and JavaScript resources, mobile apps, educational resources, mockup kits, frameworks, web development tools, 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.

Gridwax

Gridwax is a bookmarklet that lets you easily add an adjustable vertical baseline to any site right in your browser. Just install the bookmark, click on it, and then adjust the height with your arrow keys.

gridwax

Chardin.js

Chardin.js makes it simple to add overlay instructions to your apps via a jQuery plugin. It's easy to install and configure.

chardin

Photolettering

Photolettering is a free iOS app that lets you add text to photos you take within the app or images from your camera roll. It features some great fonts from House Industries, including Elephant, Kerpow, and Aztek.

photolettering

Learn CSS Layout

Learn CSS Layout is a tutorial site that teaches you CSS layout techniques beyond the basics. It includes lessons on the box model, positioning, CSS frameworks, media queries, and much more.

learn css layout

UX Apprentice

UX Apprentice teaches you the principles of UX design with a layered approach, including discovery, strategy, and design. It includes information on the core principles of each layer, as well as real life examples and resources for each.

ux apprentice

dsgnjbs

dsgnjbs aggregates the best design jobs from a variety of design websites, including Dribbble, Behance, Smashing Magazine, 37 Signals, and more.

dsgnjbs

Flat UI

Flat UI is a free web user interface kit that includes buttons, menu items, inputs, checkboxes and radio buttons, tooltips, and many more basic design elements.

flat ui

FlatDesign

FlatDesign is a showcase of designs with flat UIs. It includes everything from apps to portfolios to event sites.

FlatDesign

TimeJump

TimeJump lets you add deep links to HTML5 audio and video content with a standardized API based on the YouTube deep-linking syntax.

timejump

SVG Patterns Gallery

The SVG Patterns Gallery is a collection of SVG patterns complete with code. SVG images are smaller than bitmap images generally, and stay sharp on high resolution displays.

svg patterns gallery

Inkwell.io

Inkwell.io is a handmade sketch kit specifically for web and app designers that comes with all the tools you might want to sketching mockups and wireframes.

inkwell

Flat+3D Mockup Kit

This Flat+3D Mockup Kit makes it easy to create attractive mockups for your apps on a wide variety of devices. There are free and paid kits included, depending on which devices you need.

flat 3d

Ivory

Ivory is a simple, powerful, responsive front-end grid framework that easily scales from 1200px right down to 320px wide. It has a flexible layout with 12 fluid columns, is supported on the latest versions of all major modern browsers, and it's easy to use.

ivory

Mixture

Mixture is a rapid prototyping and static site builder tool that works with your favorite editor. It supports various boilerplates, as well as support for creating your own.

mixture

Kippt

Kippt lets you build an online library for collecting research, stories, inspiration, and notes. You can make your collections private or public, or just share them with specific people.

kippt

Photoset Grid

Photoset Grid is a jQuery plugin that lets you arrange images into a flexible grid, inspired by Tumblr's photoset feature. It was originally created for the Style Hatch Tumblr themes, but is now available for use outside of themes.

photoset grid

SuperBox

SuperBox is a jQuery plugin that works as a static image gallery that reveals the full size version when an image is clicked on.

superbox

jQuery Menu Aim

Want to create responsive mega dropdowns like Amazon's? jQuery Menu Aim helps make mega dropdowns more useful by anticipating the user's mouse movement to open submenus rather than delays and timeouts.

jquery menu aim

Retinise.js

Retinise.js is a jQuery plugin that "retinizes" the inline images on your site using "data-src" instead of "src", so it only pulls the image you need rather than loading multiple versions.

retinise

Is a Follower

Is a Follower is a little piece of JavaScript that adds a status indicator to a Dribbble user's profile to show you whether they're following you. It's available as a bookmarklet, a Greasemonkey script for Firefox, or a Chrome extension.

is a follower

Mobify.js

Mobify.js is an open source library that makes it easy to adapt your site for any device. It captures and manipulates your site's DOM before resources are downloaded, enabling resource control, conditional loading, and more.

mobify.js

Intro.js

Intro.js lets you add an easy step-by-step guide to introduce users to your site or app. It's fast and small, and offers both keyboard and mouse navigation.

intro.js

Animatable

Animatable lets you easily animate all sorts of properties, including background-color, background-position, border-width, font-size, color, border-radius, opacity, and much more.

animatable

Accounting.js

Accounting.js is a JS library for number, money, and currency formatting. It even includes Excel-style column rendering for lining up symbols and decimals.

accounting.js

Bespoke.js

Bespoke.js is a DIY presentation micro-framework that offers a number of different slide animations, including coverflow, cube, and carousel, among others.

bespoke.js

Soundtrack Volume ($34)

Soundtrack Volume is a handdrawn typeface that comes in two weights. It's a lively all-caps font with contextual alternates.

soundtrack volume

Press Style (free)

Press Style is a distressed sans serif display font. It has upper and lowercase letters, as well as a fairly large number of accents and symbols (especially for a free font).

press style

Dottie Daze (free)

Dottie Daze is a handdrawn display font with dotted accents.

dottie daze

Futura FH Custom (free)

Futura FH Custom is based on Futura, with added accents, making it a great display font. It's free for personal and commercial use.

futura fh custom

Langdon (free)

Langdon is a serious, dependable font that's free for personal and commercial use.

langdon

Cyclope (free)

Cyclope is a distressed sans serif typeface that's free for personal use (commercial use requires a donation).

cyclope

Defeated (free)

Defeated is a new display font with abstract letterforms that's free for personal and commercial use.

defeated

Benito ($40)

Benito is a proportional, geometric woodtype with six styles: print, stencil, and clean, each with italics.

benito

Imperious ($20)

Imperious is a funky geometric font that includes more than 450 ligatures.

imperious

Naive Inline ($20)

Naive Inline is a handwritten serif type family with three weights. It was a very Parisian feel, and allows for a ribbed or full bicolor interior.

naive inline

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, November 2024

Touchable texture, distinct grids, and two-column designs are some of the most trending website design elements of…

20 Best New Websites, October 2024

Something we’re seeing more and more of is the ‘customizable’ site. Most often, this means a button to swap between…

Exciting New Tools for Designers, October 2024

We’ve got goodies for designers, developers, SEO-ers, content managers, and those of you who wear multiple hats. And,…

15 Best New Fonts, September 2024

Welcome to our roundup of the best new fonts we’ve found on the web in the previous four weeks. In this month’s edition…

3 Essential Design Trends, October 2024

This article is brought to you by Constantino, a renowned company offering premium and affordable website design You…

A Beginner’s Guide to Using BlueSky for Business Success

In today’s fast-paced digital world, businesses are always on the lookout for new ways to connect with their audience.…

The Importance of Title Tags: Tips and Tricks to Optimize for SEO

When it comes to on-page SEO, there’s one element that plays a pivotal role in both search engine rankings and user…

20 Best New Websites, September 2024

We have a mixed bag for you with both minimalist and maximalist designs, and single pagers alongside much bigger, but…

Exciting New Tools for Designers, September 2024

This time around we are aiming to simplify life, with some light and fast analytics, an all-in-one productivity…

3 Essential Design Trends, September 2024

September's web design trends have a fun, fall feeling ... and we love it. See what's trending in website design this…

Crafting Personalized Experiences with AI

Picture this: You open Netflix, and it’s like the platform just knows what you’re in the mood for. Or maybe you’re…

15 Best New Fonts, August 2024

Welcome to August’s roundup of the best fonts we’ve found over the last few weeks. 2024’s trend for flowing curves and…