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.
MediacenterJS →
MediacenterJS is a fully functional mediacenter application that runs in your browser. You can view your movies and listen to your music.
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.
Velocity.js →
Velocity is a jQuery plugin that re-implements $.animate() to produce significantly greater performance, making it faster than CSS animation libraries.
beautons →
beautons is a simple button toolkit from CSS Wizardry.
ClockPicker →
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.
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.
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.
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.
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.
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.
Free GUI Resources
The Foundation Framework GUI Kit for Sketch.app →
Crisp Theme is a minimalist & responsive theme for Ghost →
iOS7-Style Industrial Icons – 66 Icons, PSD, EPS, PNG and SVG →
Feather Icon Set – 130 icons, PSD, CSH, SVG & Webfont →
Some Inspiration
Is this the most boring ad ever from Leica? →
Also Worth Reading
- CSS vs. JS Animation: Which is Faster? By Julian Shapiro
- Responsive Design Begins With The URL By David Marland
- What's the Difference Between Sass and SCSS? By Hugo Giraudel