Collective #167
![Collective167_werkstatt](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective167_werkstatt.png?x86293)
Inspirational Website of the Week: Werkstatt - l'atelier interactif
A beautifully creative design together with some thoughtful smooth scrolling make Werkstatt our pick this week.
Get inspired![Collective167_thereisnofold](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective167_thereisnofold.png?x86293)
There Is No Fold
Luke Wroblewski shows how "above the fold" arguments fail in the light of new insights on users' engagement behavior.
Read it![Collective167_narratives](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective167_narratives.png?x86293)
Building Nonlinear Narratives for the Web
Learn about how to create nonlinear narratives on the web in this fascinating article by Senongo Akpem.
Read it![Collective167_es6pfeaturetests](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective167_es6pfeaturetests.png?x86293)
ES Feature Tests
ES6+ feature tests that allows you to test your code and determine what to deliver for your app. Made by Kyle Simpson.
Check it out![Collective167_wwwhere](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective167_wwwhere1.png?x86293)
wwwhere
Wwwhere provides a carefully curated list of tools and resources for people who make websites.
Check it out![Collective167_introcssfx](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective167_introcssfx.png?x86293)
An Introduction To Graphical Effects in CSS
Sara Soueidan shows how we can achieve advanced graphical effects with CSS only in this Adobe Dreamweaver Team Blog article.
Read it![Collective167_stopwatch](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective167_stopwatch.png?x86293)
Experiment: Material Design Stopwatch, Alarm and Timer
Danny Markov from Tutorialzine shares this JavaScript application that consists of an alarm clock, a stopwatch and a timer based on Google's Material Design.
Check it out![Collective167_sourcemaps](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective167_sourcemaps.png?x86293)
Enhance Your JavaScript Debugging with Cross-Browser Source Maps
David Rousset shows how to use Source Maps for efficient production debugging.
Check it out![Collective167_googlebot](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective167_googlebot.png?x86293)
We Tested How Googlebot Crawls Javascript And Here's What We Learned
How does Google crawl and index certain JavaScript functions? Some interesting results from a series of tests by Adam Audette.
Read it![Collective167_litmustest](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective167_litmustest.png?x86293)
The Designer Litmus Test
An interesting article on the key personality traits of great product designers.
Read it![Collective167_FormInputs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective167_FormInputs.jpg?x86293)
Form Inputs: The Browser Support Issue You Didn't Know You Had
Learn about all the different browser inconsistencies when it comes to form inputs. An article by Aaron Ladage.
Read it![Collective167_Font_NervousEnergy](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective167_Font_NervousEnergy.jpg?x86293)
Free Font: Nervous Energy
Pelle Sten designed this unique looking handwritten typeface.
Get it![Collective167_Typedrummer](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective167_Typedrummer.png?x86293)
Typedrummer
Create awesome beats by typing letters in this fun app by Kyle Stetz.
Check it out![Collective167_smoke](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective167_smoke1.png?x86293)
Smoke
A jQuery plugin that is designed to work with Bootstrap 3 with lots of helpful functionality including form validation, notifications, progress bar and more. Made by Alfredo Barron.
Check it out![Collective167_randomstuff](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective167_randomstuff.png?x86293)
Random Stuff Free Iconset
A really stylish icon set by Ghani Pradita.
Get it![Collective167_AwesomeMySQL](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective167_AwesomeMySQL.png?x86293)
Awesome MySQL
A curated list of awesome MySQL software, libraries and resources by Shlomi Noach.
Check it out![Collective167_Happycons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective167_Happycons.png?x86293)
Happycons (AI, Sketch, PNG, SVG, EPS)
40 essentials icons designed by uiSurf in a happy and unique manner. Free for a limited time.
Check it out![Collective167_Workshape](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective167_Workshape.png?x86293)
Workshape.io
Workshape is a talent matching service for Startups that helps match engineers with startups.
Check it out![Collective167_icontests](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective167_icontests.jpg?x86293)
Icons - Font, Inline SVG or Background SVGs?
Some interesting results on which kind of icon type is better in terms of performance.
Read it![Collective167_Viosk1](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective167_Viosk1.png?x86293)
Viosk
Create and render your own videos with this video content management system.
Check it out