Collective #140
![Collective140_twofold](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective140_twofold.png?x86293)
Inspirational Website of the Week: Twofold Creative
A sharp design with some excellent effects and a great smoothness made us chose Twofold this week.
Get inspired![Collective140_badass](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective140_badass.png?x86293)
BADA55.io
BADA55.io is about finding the most badass leet words for your CSS hex colors.
Check it out![Collective140_inspirograph](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective140_inspirograph.png?x86293)
Inspirograph
A digital replica of the classic Spirograph toy featured on Chrome Experiments. Written in TypeScript with D3.js by Nathan Friend.
Check it out![Collective140_walkaway](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/11/Collective140_walkaway.png?x86293)
Walkway.js
An easy way to animate SVG images consisting of line and path elements. Made by Connor Atherton.
Check it out![Collective140_halloween](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/11/Collective140_halloween.png?x86293)
Happy Halloween
An SVG masking experiment inspired by CJ Gammon's portfolio grid hover effect.
Check it out![Collective140_animatedsvgicon](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective140_animatedsvgicon.png?x86293)
Animated SVG Icon
Learn how to optimize SVG code and animate an SVG icon using CSS and the Snap.svg library. A tutorial by Sebastiano Guerriero from CodyHouse.
Check it out![Collective140_antihero](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective140_antihero.png?x86293)
The Anti-hero of CSS Layout - "display:table"
Colin Toh writes about the despised table layout in CSS and how it can actually be useful.
Read it![Collective140_largescreendesign](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective140_largescreendesign.png?x86293)
Designing for Large Screen Smartphones
Luke Wroblewski shows how mobile interactions can be made easy on our thumbs on large screen smartphones.
Read it![Collective140_googleinbox](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective140_googleinbox.png?x86293)
Design Details: Inbox by Google
Brian Lovin explores some of the beautiful interactions in Google's Inbox.
Check it out![Collective140_movingcastle](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/11/Collective140_movingcastle.png?x86293)
Howl's Moving Castle
Nathan Gordon's tribute to Studio Ghibli's Exhibition in Paris.
Check it out![Collective140_sidebars](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective140_sidebars.png?x86293)
The Easiest Way To Create Equal Height Sidebars
Martin Angelov will show you how to create an equal-height sidebar layout using Flexbox.
Check it out![Collective140_stockup](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective140_stockup.png?x86293)
Stock Up: Free stock photo search
Search the best free stock photo websites in one place.
Check it out![Collective140_touchgestures](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/10/Collective140_touchgestures.png?x86293)
100+ Touch Gestures Icons (AI, EPS, CSH, PSD, PNG, SVG)
A great set of touch gesture icons made by Jeff Portaro for Pixel Buddha.
Get it![Collective140_vimrcfu](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/11/Collective140_vimrcfu.png?x86293)
vimrcfu
Gather your vimrc snippets on this site and let others learn from your fu. Made by Florian Beer.
Check it out![Collective140_grunt](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/11/Collective140_grunt.png?x86293)
Automating Your Web Workflow with Grunt.js
Thomas Dodson shows you how you can automatize your web workflow with Grunt.js.
Check it out![Collective140_webuidesign](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/11/Collective140_webuidesign.png?x86293)
Web UI Design Best Practices
Learn the theory and practice of web UI design from industry leaders and top companies. A free e-book by UXPin.
Get it![Collective140_geek](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/11/Collective140_geek.png?x86293)
{Geek} Mental Help Week
Geek mental help week was a week-long series of articles, blog posts, conversations, podcasts and events across the web about mental health issues.
Check it out![Collective140_shapeblobbing](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/11/Collective140_shapeblobbing.png?x86293)
Shape Blobbing in CSS
Discover how to make shapes blob into each other using this CSS trick by Chris Coyier.
Read it![Collective140_motionemotion](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/11/Collective140_motionemotion.png?x86293)
motionEmotion
A cool Google Chrome experiment: motionEmotion is an emotion and gesture-based arpeggiator and synthesizer made by Karen Peng.
Check it out![Collective140_React](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/11/Collective140_React.png?x86293)
Understanding React and reimplementing it from scratch Part 1: Views
Giulio Canti will help you understand React by reimplementing it.
Read it