Collective #284
![C284_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/01/C284_WOTW.jpg?x86293)
Inspirational Website of the Week: Harvard University Graduate School of Design
A great design with lovely details and balanced typography. Our pick this week.
Get inspired![C284_HarmfulOpinions](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/01/C284_HarmfulOpinions.png?x86293)
Opinions of Leaders Considered Harmful
A thoughtful article on the problematic of so-called industry leaders' naive opinions which originate from antiquated theoretical knowledge rather than substantial work experience.
Read it![C284_Refactor](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/01/C284_Refactor.png?x86293)
Refactoring 30000 lines of JS with types
A very interesting article by Nicholas Kariniemi on refactoring a complex project.
Read it![C284_IllustratedAlgorithms](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/01/C284_IllustratedAlgorithms.png?x86293)
Illustrated Algorithms
Inspired by Grokking Algorithms and python-execution-trace, this project aims to make common algorithms easier to grasp through interactive visualizations of their execution.
Check it out![C284_Upload](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/01/C284_Upload.jpg?x86293)
How to Make Uploading 10x Faster
Faster uploads? Maciek Głowacki explains how.
Read it![C284_Radar](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/01/C284_Radar.png?x86293)
The Bleeps, Sweeps and the Creeps
A really cool radar animation demo.
Check it out![C284_50CSSProperties](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/01/C284_50CSSProperties.png?x86293)
Let's Look at 50+ Interesting CSS Properties & Values
A great collection on interesting CSS properties with use cases by Greg Hovanesyan.
Check it out![C284_IntrotoAI](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/01/C284_IntrotoAI.png?x86293)
A 6 Minute Intro to AI
Understand AI and its impact on technology better with this great introduction by Snips.
Check it out![C284_SVGIconSystem](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/01/C284_SVGIconSystem.png?x86293)
Align SVG Icons to Text and Say Goodbye to Font Icons
Elliot Dahl shows how to work with an SVG icon system for easy and efficient icon styling.
Read it![C284_MovieSearch](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/01/C284_MovieSearch.jpg?x86293)
TMDb Movie Search
A ReactJS app for searching 'The Movie Database' (TMDb). Check out the GitHub repo here. Made by Stephen Kempin.
Check it out![C284_Mixer](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/01/C284_Mixer.png?x86293)
How making hundreds of hip hop beats helped me understand HTML and CSS
Lawrence Yeo's fascinating journey that connects web development and music production.
Read it![C284_Gamification](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/01/C284_Gamification.png?x86293)
Gaming the System…and Winning
Graham Herrli's interesting guide on how to use game design models for crafting more engaging web experiences.
Read it![C284_ValentinesDayIcons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/01/C284_ValentinesDayIcons.png?x86293)
30 Sugar-Sweet Valentine's Day Icons
Some super-cute Valentine's day icons design by Roundicons for Smashing Magazine.
Get it![C284_flowroot](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/01/C284_flowroot.png?x86293)
The end of the clearfix hack?
Learn how the new display: flow-root
might end the clearfix hack.
![C284_Mailru](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/01/C284_Mailru.png?x86293)
How Mail.Ru Reduced Email Storage From 50 To 32 PB
A very insightful case study on how one of the biggest email service providers reduced their storage drastically.
Read it![C284_citii](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/01/C284_citii.png?x86293)
Citii
A React app that helps you compare the cost of living between cities worldwide. By Hassan Djirdeh.
Check it out![C284_Vinograd](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/01/C284_Vinograd.png?x86293)
Free Font: Vinograd
A lovely handwritten display font by Typemate.
Get it![C284_SRE](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/01/C284_SRE.png?x86293)
Site Reliability Engineering
A book on how Google runs some of the largest software systems in the world.
Check it out![C284_HomeAutomation](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/01/C284_HomeAutomation.jpg?x86293)
Home Automation with RPi and Javascript
Raspberry Pi 3 based home automation with NodeJS and React Native. By Viktor Kirilov.
Check it out![C284_Offline](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/01/C284_Offline.png?x86293)
Implementing "Save For Offline" with Service Workers
A tutorial on how to save blog posts for offline reading. By Una Kravets.
Read it![C284_DroneIcons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/01/C284_DroneIcons.png?x86293)
Freebie: Drone Icons
A free drone icon set in solid and line style with 50 easy-to-adjust icons in AI, Sketch, SVG, PNG and Iconjar format.
Get it