Collective #111
Inspirational Website of the Week: Active Theory
![Collective111_activetheory](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective111_activetheory.jpg?x86293)
A truly inspirational digital experience. The website of Active Theory makes use of some unusual shapes and interesting scrolling and hover effects. Our pick this week.
Get inspiredPost Flat Design
![Collective111_postflat](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective111_postflat.jpg?x86293)
Wells Riley points out the over-simplification in UI design that happened due to the flat design trend and suggests a less strict approach that embraces the reintroduction of skeuomorphic styles and depth where sensible.
Read itAdvanced animation path
![Collective111_advancedanimationpaths](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective111_advancedanimationpaths.jpg?x86293)
A great tutorial by Oleg Solomka on how to animate SVG paths and animate along them.
Check it outThe Z-Axis: Designing for the Future
![Collective111_z-axis](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective111_z-axis.jpg?x86293)
Wren Lanier explains how exploring a new dimension, the z-axis, in layout thinking can solve design problems in this A List Apart article.
Read itGitHub Cheat Sheet
![Collective111_githubcheatsheet](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective111_githubcheatsheet.jpg?x86293)
A compilation of all the hidden and not hidden features of Git and GitHub by Tim Green.
Check it outHow to Use steps() in CSS Animations
![Collective111_stepsanimations](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective111_stepsanimations.jpg?x86293)
An excellent article by Joni Trythall on understanding and using steps() in CSS Animations with some great demos.
Check it outCSS and SVG Masks
![Collective111_csssvgmasks](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective111_csssvgmasks.jpg?x86293)
See which masking technique has most browser support in this great overview by yoksel.
Check it out280 Vector Line Icons Pack (EPS)
![Collective111_vectorlineicons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective111_vectorlineicons.jpg?x86293)
An absolutely stunning free icon pack with lots of fresh vector line icons designed by Jonas Nullens for PixelBuddha.
Get itPicker
![Collective111_picker](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective111_picker.jpg?x86293)
An easy-to-use and customizable color picker by suffick.
Check it outReally Good Emails
![Collective111_reallygoodemails](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective111_reallygoodemails.jpg?x86293)
An inspiring collection of really good email designs by Matthew Smith.
Check it outTreed
![Collective111_treed](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective111_treed.jpg?x86293)
Treed is an extensible tree editor with VIM inspired keyboard navigation and drag and drop functionality. Made by Jared Forsyth.
Check it outBuilding The Web App For Unicef's Tap Campaign: A Case Study
![Collective111_unicef](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective111_unicef.jpg?x86293)
A great case study on how the challenging web app, Tap, Unicef's latest campaign, was made. By Nick Jonas and Francis Villanueva.
Check it outCreating Style Guides
![Collective111_styleguides](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective111_styleguides.jpg?x86293)
A very insightful article on how to build and maintain style guides by Susan Robertson on A List Apart.
Read itAwesome kit
![Collective111_awesomekit](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective111_awesomekit.jpg?x86293)
A free set of 26 AI wireframe templates for iOS with two custom brushes designed by George Vasyagin.
Get itCognitive Lode
![Collective111_coglode](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective111_coglode.jpg?x86293)
Understand the latest behavioral economics & consumer psychology research in a easy-to-understand and simple manner.
Check it outColorful Ficons Icons 42+ (PSD)
![Collective111_ficons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective111_ficons.jpg?x86293)
A set of delicious flat-style icons by Alexander Kutuzov.
Get itChicks & Types
![Collective111_chicksandtypes](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective111_chicksandtypes.jpg?x86293)
"It's all love" - Cosimo Lorenzo Pancini celebrates his favorite typefaces with the versatile beauty of ladies.
Check it outDefining the Pinterest Illustrated Style
![Collective111_pinterest](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective111_pinterest.jpg?x86293)
Torpedo
![Collective111_torpedo](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective111_torpedo.jpg?x86293)
Torpedo is a useful, new file sharing app that let's you share files, passwords, and more with self-destructing private links.
Check it outRaising The Bar
![Collective111_rtb](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective111_rtb.jpg?x86293)
Raising the Bar is a non-profit initiative aimed at turning educational content into a part of the pop-culture.
Get inspiredPapercraft
![Collective111_papercraft](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective111_papercraft.jpg?x86293)
Papercraft by Brent Jackson is a creative, hand-coded experimental type made with SVG and inspired by folded paper.
Check it outResponsive Email Patterns
![Collective111_responsiveemailpatterns](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/04/Collective111_responsiveemailpatterns.jpg?x86293)
Published already some time ago, this is a really useful resource of patterns and modules for responsive emails.
Check it out