10 design tools that’ll make you look awesome

Today’s Tutorial Tuesday is a page of amazing – and little known – resources

Hi everybody. Today, I’ve decided to take a break from video creation and show you a few resources I’ve found (and am starting to use) on my own projects.
I’m not affiliated with any of these people or companies, just using their services.

I thought you’d benefit from them as well.

Take a look – and leave any comments or questions below!

Type Scale
http://type-scale.com

It’s a ‘visual types scaler’ for creating scaled text for your web designs.

 

Animatron
http://www.animatron.com

Is a straight forward and powerful tool for building HTML5 animations and interactive content.

 

The Ginger project
http://www.getginger.co

“Show your story to the world” (an iPad app)

 

Duo Web Browser
http://helloduo.com

 

Adaptive Backgrounds
http://briangonzalez.github.io/jquery.adaptive-backgrounds.js/

This one is interesting in that it takes a dominant color from an image on your site, and sets the background to match it.

 

Layrs control
http://madebyvadim.com/layrs/

This is a FREE photoshop extension… a collection of 7 scripts that make tedious jobs easier

 

Origami version 1.4
https://facebook.github.io/origami/

if you’re an app programmer (or want to see how the programmers do it) check this out. It’s a free design “prototyping” toolkit.

 

Social Kit
http://socialkit.madebysource.com/

is a Photoshop plugin for creating cover images, profile pictures, ad banners and more for various social platforms

 

ReadyMag
https://readymag.com/

a simple Web publishing tool for any kind of dial storytelling. And last but not least … this one is very interesting. I’m beginning to like it more and more as I use it.

 

Pinegrow
http://www.pinegrow.com

it’s an app for Windows and Mac that makes it fast and easy to mockup web pages.

Let us know what you think!

Leave a Reply

Your email address will not be published. Required fields are marked *