Collective #271
![c271_wotw](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C271_WOTW.png?x86293)
Inspirational Website of the Week: 10x16
A beautiful color theme combined with super-smooth movements make 10x16 our pick this week.
Get inspired![c271_graphicstock](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C271_GraphicStock.png?x86293)
See GraphicStock's New Holiday Photo Collection
GraphicStock is giving you 7 days of free access to 350,000 fully-licensed images, including their new holiday photo collection.
Get started![c271_js30](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C271_JS30.jpg?x86293)
JavaScript30
A fantastic 30-day challenge that will make you master Vanilla JavaScript. By Wes Bos. Check out the GitHub repo, too.
Check it out![c271_siema](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C271_Siema.png?x86293)
Siema
Siema is a lightweight carousel plugin with no dependencies and no styling. Built by Paweł Grzybek
Check it out![c271_io](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C271_IO.png?x86293)
IO – A space to publish freely
IO is a lightweight and powerful writing tool where you can publish your thoughts anonymously, under a pseudonym, or as yourself. Made by Bold.
Check it out![c271_passworddumb](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C271_passworddumb.png?x86293)
Dumb Password Rules
A shameful collection of not-so-intelligent password rules encountered on the Web. By Nicholas Duffy.
Check it out![c271_gitscout](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C271_GitScout.png?x86293)
Gitscout
Gitscout is a beautiful GitHub Issues experience for macOS.
Check it out![c271_pwamps](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C271_PWAMPS.png?x86293)
Progressive Web AMPs
Paul Bakaus shows the power of combining the ideas of Accelerated Mobile Pages with Progressive Web Apps.
Read it![c271_pe](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C271_Pe.png?x86293)
[Insert Clickbait Headline About Progressive Enhancement Here]
Aaron Gustafson responds to Josh Korr's article on Vidget and explains what progressive enhancement really is.
Read it![c271_react](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C271_React.png?x86293)
Server Side React
Remy Sharp decided to give React a go and used it for server side rendering. Read about his insights.
Read it![c271_handwriting](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C271_Handwriting.png?x86293)
Four Experiments in Handwriting with a Neural Network
Fantastic interactive visualizations for understanding how machine learning works at the example of handwriting experiments.
Read it![c271_instantsearch](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C271_instantsearch.png?x86293)
React-instantsearch
React-instantsearch is a set of widgets and connectors to add instant-search experiences in your React application, using Algolia search engine.
Check it out![c271_displaytext](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C271_displaytext.png?x86293)
Get the Balance Right: Responsive Display Text
Richard Rutter shows how to handle responsive display text properly with the right balance.
Read it![c271_uielements](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C271_UIElements.jpg?x86293)
Inspirational UI Elements vol. 2 (PSD)
A beautiful set of UI elements in PSD format.
Get it![c271_fontossem](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C271_fontOssem.png?x86293)
Free Font: Ossem
A beautiful free typeface with various styles designed by Kiril Semkov.
Get it![c271_imzy](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C271_Imzy.png?x86293)
Imzy
A new kind of community that aims to embrace diversity and simplicity.
Check it out![c271_mobirise](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C271_mobirise.png?x86293)
Mobirise Icons
A free, open source set of 124 elegant, pixel-perfect icons from Mobirise Builder.
Get it![c271_gitnotify](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C271_GitNotify.png?x86293)
Git Notify
Get daily code diffs from public GitHub repos. Made by Sai Ram Kunala.
Check it out![c271_shorthandantipattern](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C271_shorthandAntiPattern.png?x86293)
CSS Shorthand Syntax Considered an Anti-Pattern
Learn why the use of shorthand syntax in CSS can beautiful problematic. By Harry Roberts.
Read it![c271_fontawesome](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C271_fontawesome.png?x86293)
Saving the internet 2000 terabytes a day: fixing Font Awesome's fonts
An interesting article on optimizing the Web's most famous icon font.
Read it![c271_babel](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C271_Babel.png?x86293)
The State of Babel
A very interesting article on the current state of Babel, the powerful JavaScript tooling suite. By Henry Zhu.
Read it![c271_deeplearning](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C271_DeepLearning.jpg?x86293)
The major advancements in Deep Learning in 2016
A great summary of this year's research progress in Deep Learning.
Read it![c271_musicalinteractions](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C271_MusicalInteractions.jpg?x86293)
Interactive Musical Instruments
Experimental ideas for playful musical interactions powered by MIDI.js and the Web Audio API. Play instruments or make sounds by interacting with content.
Check it out![c271_geekychristmas](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C271_GeekyChristmas.jpg?x86293)
Geeky Christmas Vector Set + Patterns
A free hand-drawn vector set plus two bonus patterns with a geeky Christmas related theme. Includes vector files and ready-to-use, optimized PNGs.
Get it