Collective #176
![Collective176_newstech](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/07/Collective176_newstech.png?x25555)
Inspirational Website of the Week: Newstech
A fresh, futuristic design that truly stands out. Our pick this week.
Get inspired![Collective176_materialdesignlite](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/07/Collective176_materialdesignlite.png?x25555)
Introducing Material Design Lite
Addy Osmani introduces MDL (Material Design Lite), a library of components & templates that allow you to add the Google material design look and feel to a website.
Read it![Collective176_creditcardform](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/07/Collective176_creditcardform.png?x25555)
The anatomy of a credit card form
A insightful article on the UI of credit card forms by Gabriel Tomescu.
Read it![Collective176_imageblur](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/07/Collective176_imageblur.png?x25555)
Image Blur Plugin
A small and very useful plugin for blurring images by Maksim Surguy.
Check it out![Collective176_ReactForDesigners](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/07/Collective176_ReactForDesigners1.jpg?x25555)
React.js Introduction For People Who Know Just Enough jQuery To Get By
This is a fantastic resource to learn React. By Shusaku Uesugi.
Read it![Collective176_commandline](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/07/Collective176_commandline.png?x25555)
Command Line Power User
A video series for web developers on learning a modern command line workflow with ZSH, Z and related tools. By Wes Bos.
Read it![Collective176_webdesigndead](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/07/Collective176_webdesigndead.png?x25555)
“Web Design Is Dead.” No, It Isn’t.
Vitaly Friedman explains why he believes that Web Design is not dead.
Read it![Collective176_sketchlayouts](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/07/Collective176_sketchlayouts.png?x25555)
Exploring Dynamic Layout in Sketch
Matej Hrescak shows how to use his interesting Sketch-Flex-Layout plugin for creating dynamic layouts in Sketch.
Read it![Collective176_mocktotype](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/07/Collective176_mocktotype.png?x25555)
Mocktotype
A useful tool for displaying your mockup in the browser. Made by ScriptSyndicate.
Check it out![Collective176_portalcss](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/07/Collective176_portalcss.png?x25555)
Portal CSS
A great tutorial by Donovan Hutchinson on how to code a 3D project.
Check it out![Collective176_svgembeddobj](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/07/Collective176_svgembeddobj.png?x25555)
Art-Directing an SVG Embedded Using <object>
An interesting mini case study of embedding, art-directing and providing accessible fallback for a SVG inforgraphic by Sara Soueidan.
Read it![Collective176_deepdream](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/07/Collective176_deepdream.png?x25555)
Deepdream.in
Generate your own inception images with this tools that uses Google's Deepdream.
Check it out![Collective176_cosmonaut](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/07/Collective176_cosmonaut.png?x25555)
Free Font: COSMONAUT
Cosmonaut is a very creative and unique font designed by Cahya Sofyan.
Get it![Collective176_retinaicon](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/07/Collective176_retinaicon.png?x25555)
RetinaIcon: 200 Free Icons
200 colored free icons with an interesting style from the team of RetinaIcon over at GraphicBurger.
Get it![Collective176_quiz](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/07/Collective176_quiz.png?x25555)
Lærepenger Quiz
A fantastic way to make a quiz with some animated SVG goodness.
Check it out![Collective176_hackchat](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/07/Collective176_hackchat.png?x25555)
hack.chat
A minimal, distraction-free chat application made by Andrew Belt.
Check it out![Collective176_Edge](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/07/Collective176_Edge.jpg?x25555)
Does It Work On Edge?
Test if a website is working correctly under Edge, the new browser by Microsoft.
Check it out![Collective176_beyno](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/07/Collective176_beyno.png?x25555)
Free Font: BEYNO
An interesting font designed by Fabian Korn.
Get it![Collective176_canvasoptimization](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/07/Collective176_canvasoptimization.png?x25555)
Optimising a canvas animation
Remy Sharp shares some tips on how to optimize a canvas animation.
Read it![Collective176_RelentlessPersistance](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/07/Collective176_RelentlessPersistance.png?x25555)
Relentless Persistence
A great comic by Curtis Lassam on the JavaScript-generated problems and "solutions".
Check it out![Collective176_manje](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/07/Collective176_manje.png?x25555)
Free Happy Manje
A lovely icon set of happy little food icons made by buatoom.
Get it