Collective #171
![Collective171_rdconstruction](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/06/Collective171_rdconstruction.png?x57216)
Inspirational Website of the Week: RD Construction
Smooth transitions and some interesting, fitting 3D effects made us pick RD Construction as the website of the week.
Get inspired![Collective171_inpieces](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/06/Collective171_inpieces.png?x57216)
The Making Of "In Pieces": Designing an Interactive Exhibition With CSS Clip Paths
A look behind the scenes of the brilliant "In Pieces" project by Bryan James.
Read it![Collective171_do](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/06/Collective171_do.png?x57216)
Do: Free to-do app UI kit (PSD, Sketch)
A fantastic to-do app UI kit with tons of screens by InVision.
Get it![Collective171_svganimstate](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/06/Collective171_svganimstate.png?x57216)
The State of SVG Animation
Learn all about the current state of SVG animation in this great article by Sara Soueidan.
Read it![Collective171_knwljs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/06/Collective171_knwljs.png?x57216)
knwl.js
Parse text for dates, times, places, phone numbers and more with this JS Natural Language Parser.
Check it out![Collective171_elegantvectorkit](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/06/Collective171_elegantvectorkit.png?x57216)
Elegant Vector Kit (AI, PNG, PSD, EPS, SVG)
A great set of workspace and tech elements designed by Nasti Funny.
Get it![Collective171_survey](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/06/Collective171_survey.png?x57216)
The Subtraction.com Design Tools Survey
Participate in this survey by Khoi Vinh that aims to discover the tools that digital designers are using in their work.
Check it out![Collective171_designpersona](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/06/Collective171_designpersona.png?x57216)
Crafting a Design Persona
Learn how to create a design persona with a practical example in this article by Meg Dickey-Kurdziolek.
Read it![Collective171_chromeforandroid](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/06/Collective171_chromeforandroid.png?x57216)
Redesigning Chrome for Android (Part 1)
A fantastic in-depth article by Sebastien Gabriel about redesigning Chrome in sync with Material Design.
Read it![Collective171_aftereffects](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/06/Collective171_aftereffects.png?x57216)
Fitting After Effects Into A UX Workflow
A great article by Matt Reamer on how to add After Effects into a UX workflow.
Read it![Collective171_TypnicTitling](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/06/Collective171_TypnicTitling.png?x57216)
Free Font: Typnic Titling
A free font from the fantastic Typnic set, a "typographic picnic" designed by Manuel Eduardo Corradine.
Get it![Collective171_accessibilitycheatsheet](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/06/Collective171_accessibilitycheatsheet.png?x57216)
The Accessibility Cheatsheet
A useful overview of guidelines for accessible content.
Read it![Collective171_midi](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/06/Collective171_midi.jpg?x57216)
Making Music in the Browser: Web MIDI API
Read all about the Web-MIDI API and how you can use it in this introductory article of the "Making Music in the Web Browser" series on the Keith McMillen Instruments blog.
Check it out![Collective171_smashicons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/06/Collective171_smashicons1.png?x57216)
250 free icons from Smashicons
A free icon set from the gigantic Smashicons icon repository on Freebiesbug.
Get it![Collective171_floatingactionbutton](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/06/Collective171_floatingactionbutton.png?x57216)
Material Design: Why the Floating Action Button is bad UX design
An insightful article by Teo Yu Siang on why he believes that Google Material Design's Floating Action Button (FAB) isn't that fab.
Read it![Collective171_CSSnot](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/06/Collective171_CSSnot.png?x57216)
CSS Protip: Using :not()
A CSS pro tip by Matt Smith: Use :not() instead of applying and unapplying borders on navigations.
Check it out![Collective171_order](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/06/Collective171_order.png?x57216)
Free Font: Order
Mike Hill designed this interesting all caps display font with four variations.
Get it![Collective171_mirrorimages](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/06/Collective171_mirrorimages.png?x57216)
Mirror Images Part I
An interesting roundup by Eli Schiff of some striking similarities in modern design.
Read it