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
Bootflat →
Built on the foundations of Bootstrap, Bootflat is an open source Flat UI KIT. There is also a free PSD that includes all of the components.
Bootplus →
Based on Bootstrap, Bootplus is a Google+ inspired front-end framework.
Animations →
Animations is a versatile CSS3 animation library that will trigger CSS3 animations as elements enter the viewport, or as you hover with a mouse, or by binding them via JS functions.
Sketch Toolbox →
Sketch Toolbox is a very promising prototype of a package manager for Sketch.app.
ShortcutMapper →
ShortcutMapper is a visual shortcuts explorer with support for multiple applications (currently only Photoshop, Lightroom and Blender are supported), versions, operating systems and different keyboard layouts. More applications can be added by contributing via GitHub.
DOMtastic →
DOMtastic is a lightweight (only 3-4KB) and fast DOM and event library for modern browsers. It has the same familiar API as jQuery, it works great by itself or paired up with e.g. Backbone or Angular.
Web Design Field Manual →
The Web Design Field Manual is a categorized collection of useful resources for the modern web designer.
Compressor.io →
Compressor.io is a web-based tool for drastically reducing the size of your images whilst still the quality.
Social Sign-in Buttons →
Based on Bootstrap and Font Awesome, here are a collection of social sign-in buttons made in pure CSS.
Tumblr Boilerplate →
Optimized for speed and based on HTML5, the tumblr boilerplate is a foundation for designers as a base for creating Tumblr themes.
Griddify, a Tiny Photoshop Panel for Guides and Grids →
Griddify is a tiny Photoshop extension to make guides and grids.
Tutorials & Learning Resources
SVG 'use' with External Source →
Creating Round, Flat and Flip-Style CSS Toggle Switches →
How We Fixed Responsive Images →
Managing Responsive Breakpoints with Sass →
Inspiration for Article Intro Effects →
How to Style and Animate SVG Elements with CSS →
Free GUI Resources
Themify Icons (320, Icon Font) →
70 Ecommerce and Shopping Icons (AI, EPS & PSD) →
Multipurpose Landing Page Template (PSD) →