Collective #196
![Collective196_admir](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/11/Collective196_admir.png?x86293)
Inspirational Website of the Week: Admir Hadzic
A creative layout with strong typography and the right color balance — our pick this week.
Get inspired![Collective196_HackerScripts](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/11/Collective196_HackerScripts.png?x86293)
Hacker Scripts
An interesting legacy left by a programmer at a company for automatising everyday tasks.
Check it out![Collective196_pvsnp](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/11/Collective196_pvsnp.png?x86293)
P Vs. NP: The Assumption That Runs The Internet
Zack Grossbart gives a fantastic introduction to the P versus NP problem in this Smashing Magazine article.
Read it![Collective196_streamliningprintdesign](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/11/Collective196_streamliningprintdesign.png?x86293)
Streamlining CSS Print Design with Sass
A fantastic read on how Sass is employed at O'Reilly Media to streamline their publishing toolchain. By Sanders Kleinfeld.
Read it![Collective196_BoxShadow](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/11/Collective196_BoxShadow.jpg?x86293)
How to animate "box-shadow" with silky smooth performance
Tobias Ahlin will show you how you can achieve a performant box shadow animation.
Check it out![Collective196_frameworks](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/11/Collective196_frameworks.png?x86293)
Frameworks
Chapter 5 of Ethan Marcotte’s new book, Responsive Design: Patterns & Principles.
Read it![Collective196_animatedsvgvsgif](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/11/Collective196_animatedsvgvsgif.png?x86293)
Animated SVG vs GIF
Sara Soueidan puts animated SVG and GIFs to the test and explains the differences between using the two.
Read it![Collective196_frontendframeworks](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/11/Collective196_frontendframeworks.png?x86293)
Front End Frameworks: Are they accessible?
A quick presentation on some of the potential issues with using any framework. By Russ Weakley.
Check it out![Collective196_masteringsketch](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/11/Collective196_masteringsketch.png?x86293)
Mastering Sketch 3
A very comprehensive guide to designing in Sketch by Meng To.
Read it![Collective196_chillwave](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/11/Collective196_chillwave.png?x86293)
Chillwave
Varun Vachhar recreates the beautiful little loading animation of the creative studio "This Also" website.
Check it out![Collective196_horizontaltimeline](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/11/Collective196_horizontaltimeline.png?x86293)
Horizontal Timeline
A practical beautiful horizontal timeline component by Claudia Romano from CodyHouse.
Check it out![Collective196_howbrowserrenderswebsite](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/11/Collective196_howbrowserrenderswebsite.png?x86293)
So how does the browser actually render a website?
Ryan Seddon's interesting talk at the JSConfEU 2015 in Berlin on how a browser renders a website.
Check it out![Collective196_pokedex](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/11/Collective196_pokedex.png?x86293)
Introducing Pokedex.org: a progressive webapp for Pokémon fans
Nolan Lawson's in-depth tutorial that shows how to create a rich progressive web app that's performant.
Check it out![Collective196_nazare](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/11/Collective196_nazare.png?x86293)
Free Font: Nazaré
A condensed uppercase font inspired by the place with the same name in Portugal. Designed by David Szebenyi.
Get it![Collective196_workdifferent](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/11/Collective196_workdifferent.png?x86293)
WorkDifferent
WorkDifferent is a publication & job board that highlights companies that think and care about their people.
Check it out![Collective196_thinkyouknowes6](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/11/Collective196_thinkyouknowes6.png?x86293)
Think You Know ES6? Prove it!
Danny Markov from Tutorialzine introduces this fun quiz that puts your ES6 knowledge to the test.
Check it out![Collective196_zenicons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/11/Collective196_zenicons.png?x86293)
Zen Icons (PSD, AI, PNG)
A set of 12 beautiful outline icons with a unique design.
Get it![Collective196_missplete](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/11/Collective196_missplete.png?x86293)
MissPlete
MissPlete is a misspelling-tolerant autocomplete library written in ES6 by Xavi Caballé.
Check it out![Collective196_gridlex](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/11/Collective196_gridlex.png?x86293)
Gridlex
A responsive flexbox based grid system that could come handy for your next project.
Check it out![Collective196_antimoderate](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/11/Collective196_antimoderate.png?x86293)
AntiModerate
Reduce loading time of page to less than a second on slow connections by loading and rendering nicely blurred micro images on the page while loading full sized images in background which replace as they finish.
Check it out![Collective196_communicationicons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/11/Collective196_communicationicons-e1448715974102.png?x86293)
Communication Icons
A lovely set of creative communication icons by Sooodesign.
Get it![Collective196_this](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/11/Collective196_this.png?x86293)
This.
This. is a place to find and share the web's best entertainment, art and journalism. Each member can share just one link a day.
Check it out![Collective196_blab](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/11/Collective196_blab.png?x86293)
Blab (Beta)
The internet’s most interesting interviews, talk shows, casual hangouts, debates, discussions, and live workshops in one place.
Check it out