Collective #385
![C385_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C385_WOTW.jpg?x86293)
Inspirational Website of the Week: Active Theory
Active Theory's new website is out of-this-worldish awesome. Our pick this week.
Get inspired![C385_Northw](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C385_Northw.jpg?x86293)
Northwestern's Online MS in Information Design & Strategy
Build skills to translate data into compelling visuals and narratives and learn how research and analytics can drive communication strategies and tactics.
Find out more![C385_gridish](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C385_gridish.jpg?x86293)
CSS Gridish
A tool from IBM that helps teams adopt CSS grid sooner and that enables the creation of more complex layouts. Read more about it in this article.
Check it out![C385_clippath](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C385_clippath.jpg?x86293)
Using CSS Clip Path to Create Interactive Effects
Learn how to make some creative clip-path effects in this article by Mikael Ainalem.
Read it![C385_githubgrid](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C385_githubgrid.jpg?x86293)
Recreating the GitHub Contribution Graph with CSS Grid Layout
A great tutorial by Ire Aderinokun where she challenges herself to create the GitHub contribution graph with CSS Grid.
Read it![C385_redux](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C385_redux.jpg?x86293)
React, Redux and JavaScript Architecture
In case you missed it: James Sinclair shows how to write good React and Redux code, but explains first why you'd actually want to use it.
Check it out![C385_cssgridmenu](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C385_cssgridmenu.jpg?x86293)
Grid Experiment No. 4
Jules Forrest shows a beautiful CSS grid example of a menu.
Check it out![C385_streamlineux](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C385_streamlineux.jpg?x86293)
Streamline UX
50 fantastic free illustrations from the Streamline UX vector illustration pack.
Get it![C385_fb](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C385_fb.jpg?x86293)
Detectron
Facebook just open-sourced Detectron, a software system that implements state-of-the-art object detection algorithms.
Check it out![C385_kenji](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C385_kenji.jpg?x86293)
tubugl-font
A creative tubugl font rendering demo of twisting letters made by Kenji Saito.
Check it out![C385_github](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C385_github.jpg?x86293)
How I Got Hired by GitHub
Joel Califa shares the design homework that landed him the job at GitHub.
Read it![C385_karamatic](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C385_karamatic.jpg?x86293)
Karmatic
A simplified zero-configuration wrapper around Karma, Webpack, Jasmine and Puppeteer for automatic (headless) browser testing.
Check it out![C385_linqes](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C385_linqes.jpg?x86293)
Linqes
Collect your favorite content and share it with this advanced bookmarking tool.
Check it out![C385_graphql](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C385_graphql.jpg?x86293)
A GraphQL Primer: Why We Need A New Kind Of API (Part 1)
Learn how to work with GraphQL in this first article of a two-part series by Eric Baer.
Read it![C385_font](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C385_font.jpg?x86293)
Free Font: College Stencil
Inspired by the architecture of College de France, Corentin Riviere created this creative typeface.
Get it![C385_proposals](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C385_proposals.jpg?x86293)
Interesting ECMAScript 2017 proposals that weren't adopted
Kaelan Cooter writes about the ECMAScript proposal process and showcases some proposals that didn't become part of the language.
Read it![C385_handwritten](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C385_handwritten.jpg?x86293)
Handwritten Font Collection
A fantastic free set of beautiful handwritten fonts that fit perfectly together. By Julia Dreams.
Get it![C385_lazy](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C385_lazy.jpg?x86293)
Multiple routes, bundling and lazy-loading with webpack
Sérgio Gomes shares some thoughts and code on bundling with multiple entry points in webpack.
Read it![C385_cssgridcourse](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C385_cssgridcourse.jpg?x86293)
Learn Flexbox for free
In these 12 interactive screencasts you'll learn everything about CSS Flexbox. By Per Harald Borgen.
Check it out![C385_wordpress](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C385_wordpress.jpg?x86293)
create-guten-block
A zero-configuration developer toolkit for building WordPress Gutenberg block plugins without configuring React, Webpack, ES6/7/8/Next, ESLint, Babel, etc. By Ahmad Awais.
Check it out![C385_FF](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C385_FF.jpg?x86293)
Firefox 58: The Quantum Era Continues
Read about some of the new goodies that Firefox 58 brings.
Read it