Weekly News for Designers (N.233)

This is our popular weekly design news post where we share our favorite design related articles, resources and freebies from the past week.

You can sign-up to our awesome weekly newsletter for some more amazing articles, resources and freebies.

New Resources & Tools

email.js →
Email.js is a set of components that can be used to write email apps in pure JavaScript on the client in HTML5 or on the server in node.js.
Email.js is a set of components that can be used to write email apps in pure JavaScript

MediacenterJS →
MediacenterJS is a fully functional mediacenter application that runs in your browser. You can view your movies and listen to your music.
MediacenterJS is a fully functional mediacenter application that runs in your browser

Avocode →
Avocode is useful app (web-based or native) that allows you to inspect and preview PSDs without having to open Photoshop. Although it is currently invity-only.

SketchTool →
SketchTool is a command-line tool for exporting pages & slices out of .sketch docs.
SketchTool is a command-line tool for exporting pages and slices out of .sketch docs

Velocity.js →
Velocity is a jQuery plugin that re-implements $.animate() to produce significantly greater performance, making it faster than CSS animation libraries.
Velocity is a jQuery plugin that re-implements to produce significantly greater performance

beautons →
beautons is a simple button toolkit from CSS Wizardry.
beautons is a simple button toolkit from CSS Wizardry

ClockPicker →
ClockPicker is a clock-style timepicker for either Bootstrap or jQuery.
ClockPicker is a clock-style timepicker for either Bootstrap or jQuery

Delete it Later App →
Most social media will allow you to schedule the posts and statuses, but they don't allow you to schedule how long they stay online. With Delete It Later, you can post anything and decide how long the content is live and then delete it.
With Delete It Later, you can post anything and decide how long the content is live and then delete it

Tutorials & Learning

8 Simple CSS3 Transitions →
In this quick tutorial, Sara Vieira shows you eight really simple CSS effects that will add life to your UIs.
eight really simple CSS effects that will add life to your UIs

Learn Animation with Kirupa.com →
kirupa.com, has published a bunch of tutorials and videos to help you learn to create great animations in HTML, CSS, and JavaScript.
kirupa.com, has published a bunch of tutorials and videos to help you learn animation

Readable, Fluid Type With Basic CSS Smarts →
In this Typecast tutorial, Val Head shows you how to create great looking typography for all screen sizes and resolutions without a lot of complex code.
shows you how to create great looking typography for all screen sizes

Building Flexible and Lightweight UIs in Illustrator →
In this tutorial, Rafael Matos da Silval talks about how to embrace modular thinking in your workflow, when building flexible and lightweight UIs with Adobe Illustrator CS5.
Rafael Matos da Silval talks about how to embrace modular thinking in your workflow

CSS Spinners & Loaders Tutorial →
In this tutorial, Nick Salloum takes a look at the creation of four different CSS spinners and loaders with CSS3 animations.
Nick Salloum takes a look at the creation of four different CSS spinners and loaders

Free GUI Resources

The Foundation Framework GUI Kit for Sketch.app →
The Foundation Framework GUI Kit for Sketch.app

Payment Method SVG Webfont →
Payment Method SVG Webfont

Crisp Theme is a minimalist & responsive theme for Ghost →
Crisp Theme is a minimalist & responsive theme for Ghost

iOS7-Style Industrial Icons – 66 Icons, PSD, EPS, PNG and SVG →
iOS7-Style Industrial Icons

Feather Icon Set – 130 icons, PSD, CSH, SVG & Webfont →
Feather Icon Set

Some Inspiration

Is this the most boring ad ever from Leica? →

Also Worth Reading

Author: (496 Posts)

This post has been written by the team here at Speckyboy Design Magazine.

Comments