Weekly News for Designers (N.236)

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.
Built on the foundations of Bootstrap Bootflat is an open source Flat UI KIT

Bootplus →
Based on Bootstrap, Bootplus is a Google+ inspired front-end framework.
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.
Animations is a versatile CSS3 animation library that will trigger CSS3 animations as elements enter the viewport

Sketch Toolbox →
Sketch Toolbox is a very promising prototype of a package manager for Sketch.app.
Sketch Toolbox is a very promising prototype of a package manager for Sketch

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.
ShortcutMapper is a visual shortcuts explorer with support for multiple applications

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.
DOMtastic is a lightweight and fast DOM and event library for modern browsers

Web Design Field Manual →
The Web Design Field Manual is a categorized collection of useful resources for the modern web designer.
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.
Compressor.io is a web-based tool for drastically reducing the size of your images

Social Sign-in Buttons →
Based on Bootstrap and Font Awesome, here are a collection of social sign-in buttons made in pure CSS.
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.
Optimized for speed and based on HTML5, the tumblr boilerplate is a foundation for designers

Griddify, a Tiny Photoshop Panel for Guides and Grids →
Griddify is a tiny Photoshop extension to make guides and grids.
Griddify a Tiny Photoshop Panel for Guides and Grids

Tutorials & Learning Resources

SVG 'use' with External Source →
SVG use with External Source

Creating Round, Flat and Flip-Style CSS Toggle Switches →
Creating Round, Flat and Flip-Style CSS Toggle Switches

How We Fixed Responsive Images →
How We Fixed Responsive Images

Managing Responsive Breakpoints with Sass →
Managing Responsive Breakpoints with Sass

Inspiration for Article Intro Effects →
Inspiration for Article Intro Effects

How to Style and Animate SVG Elements with CSS →
How to Style and Animate SVG Elements with CSS

Free GUI Resources

Themify Icons (320, Icon Font) →
Themify Icons Icon Font

70 Ecommerce and Shopping Icons (AI, EPS & PSD) →
70 Ecommerce and Shopping Icons

Business Template (PSD) →
Business Template psd

Multipurpose Landing Page Template (PSD) →
Multipurpose Landing Page Template psd

Something Inspiring

ESPN World Cup Posters →
ESPN World Cup Posters

Author: (500 Posts)

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

Comments