Collective #188
![Collective188_panache](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/10/Collective188_panache.png?x86293)
Inspirational Website of the Week: Panache
Creative shapes and a modern color theme rule this design. Our pick this week.
Get inspired![Collective188_popmotion](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/10/Collective188_popmotion.png?x86293)
Popmotion
Popmotion is a JavaScript motion engine for animation, physics and input tracking with native support for CSS, DOM attributes, SVG and SVG paths.
Check it out![Collective188_rail](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/10/Collective188_rail.png?x86293)
Introducing RAIL: A User-Centric Model For Performance
Paul Irish and Paul Lewis introduce RAIL, a user-centric performance model.
Read it![Collective188_sprites](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/10/Collective188_sprites.png?x86293)
An Introduction to Sprite Animation
A brief overview of SVG animation for fluid movement in modern web design.
Check it out![Collective188_corpus](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/10/Collective188_corpus.png?x86293)
Corpus
Corpus is a fantastic collection of useful styles and patterns that will come in handy in any project. Made by Jamie Wilson.
Check it out![Collective188_Responsiveimages](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/10/Collective188_Responsiveimages.png?x86293)
Responsive Images for Busy People: Srcset & Sizes
Tom Bennet shows how to code a real-life example of efficient image scaling using the new srcset
and sizes
attributes
![Collective188_viewport](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/10/Collective188_viewport1.jpg?x86293)
A new Device Adaptation spec
Peter-Paul Koch dives into the future of the W3C Device Adaptation spec.
Check it out![Collective188_lineicons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/10/Collective188_lineicons.png?x86293)
Squid Ink Line Icons
A set of free meticulously designed line icons by Squid Ink.
Get it![Collective188_vintagewashout](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/10/Collective188_vintagewashout.png?x86293)
CSS Image Effects #1: Vintage Washout
Una Kravets shows how to create an interesting vintage washout effect with the lighten blend mode and a shadow colored background.
Check it out![Collective188_clipboardjs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/10/Collective188_clipboardjs.png?x86293)
clipboard.js
With clipboard.js you can easily copy text to the clipboard, dependency-free and without Flash. Made by Zeno Rocha.
Check it out![Collective188_flipbook](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/10/Collective188_flipbook.png?x86293)
Make a Flipbook with Pure CSS
A cute little flipbook style animation using pure CSS.
Check it out![Collective188_johndoe](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/10/Collective188_johndoe.png?x86293)
Goodbye John Doe
Say Goodbye to John Doe and generate a stylish name that fits to your project and will delight your client.
Check it out![Collective188_devious](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/10/Collective188_devious.png?x86293)
Free Font: Devious
Devious Typeface is a beautiful font with a vintage style. Designed by Graptail for Pixel Buddha.
Get it![Collective188_usastandards](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/10/Collective188_usastandards.png?x86293)
U.S. Web Design Standards
Open source UI components and visual style guide to create consistency and beautiful user experiences across U.S. federal government websites.
Check it out![Collective188_rfs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/10/Collective188_rfs.png?x86293)
Request For Startup
"Request For Startup" is great for finding startup ideas or share them.
Check it out![Collective188_svgmesh](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/10/Collective188_svgmesh.png?x86293)
svg-mesh-3d
A high-level module to convert a SVG <path> string into a 3D triangulated mesh. Best suited for silhouettes, like font icon SVGs. Made by Matt DesLauriers.
Check it out![Collective188_gmass](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/10/Collective188_gmass1.png?x86293)
GMass
A robust and free mass email system for Gmail.
Check it out![Collective188_Speck](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/10/Collective188_Speck.jpg?x86293)
Speck
Rye Terrell created this high quality molecule renderer. A great Chrome Experiment.
Check it out![Collective188_violate](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/10/Collective188_violate.png?x86293)
Vio Late (AI, SVG)
Some lovely icons with an interesting flat shadow, designed by buatoom.
Get it![Collective188_JSAsync](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/10/Collective188_JSAsync.png?x86293)
JavaScript goes to Asynchronous city
David Catuhe shows how ECMAScript can improve your workflow with the use of Async Functions.
Check it out![Collective188_LFS](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/10/Collective188_LFS.jpg?x86293)
Git Large File Storage v1.0
Git Large File Storage (Git LFS) has reached a 1.0 milestone and is now available to all repositories on GitHub.com.
Check it out