Collective #298
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C298_WOTW.jpg?x86293)
Inspirational Website of the Week: Shantell Martin
A very refreshing design with lots of playful elements and clever effects. Our pick this week.
Get inspired![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C298_Typography.jpg?x86293)
Fonts from the Future
A greatly written time-traveling journey that will give you insight into the future of the type industry. Brought to you by Alphabettes.
Read it![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C298_Palm.png?x86293)
Palm Generator Editor
A fantastic three.js palm tree generator by Davide Prati. Check out this page, too.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C298_Patterns.png?x86293)
Novapattern
Novapattern curates beautiful, well-designed patterns that are licensed under a Creative Commons Attribution 4.0 License.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C298_VR.jpg?x86293)
Minecraft in WebVR with HTML Using A-Frame
Kevin Ngo shows how to build a room scale WebVR Minecraft demo in A-Frame.
Read it![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C298_Slow.png?x86293)
Slow the fuck down
An important message by Eric Karjaluoto from Officehours.
Read it![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C298_Keyboard.png?x86293)
Internationalize your keyboard controls
Learn how you can easily internationalize your keyboard controls in this article by Julien Wajsberg.
Read it![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C298_Colors.png?x86293)
Practical Color Theory for People Who Code
A great guide on color theory for people who code by Natalya Shelburne.
Read it![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C298_Dots.jpg?x86293)
Smoothly animate thousands of points with HTML5 Canvas and D3
Learn how to animate thousands of points in canvas efficiently in this tutorial by Peter Beshai.
Read it![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C298_Roadmap.png?x86293)
Web Developer Roadmap 2017
A complete roadmap to becoming a web developer in 2017. By Kamran Ahmed.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C298_Icons.png?x86293)
Simple Things in Life: 80 Icons Set (AI, PSD)
Some carefully designed icons made by Cylex for Graphic Burger.
Get it![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C298_NegMargin.png?x86293)
Thoughts on Negative Margins
Dave Rupert shares his thoughts on negative margins and why using them might not be such a good idea.
Read it![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C298_Flexbox.png?x86293)
Waffle Grid
An easy to use flexbox grid system by Lucas Gruwez.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C298_Alix.jpg?x86293)
Making Alix, a Chrome Extension for Linting HTML
Read how Ire Aderinokun made the helpful Chrome extension Alix.
Read it![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C298_JPEG.jpg?x86293)
Announcing Guetzli: A New Open Source JPEG Encoder
Robert Obryk and Jyrki Alakuijala introduce the exciting new JPEG encoder, Guetzli.
Read it![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C298_WebGL2.jpg?x86293)
Faster 3D rendering with WebGL 2.0
Learn about the powerful new graphics features and advanced rendering techniques of WebGL 2.0 which Chrome 56 supports now.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C298_BEM.png?x86293)
Writing modular CSS (Part 1)
Zell Liew shares how he uses BEM in this practical article.
Read it![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C298_SVG.png?x86293)
7 solutions for creating more accessible SVGs
Some useful tips on how to make SVGs more accessible.
Read it![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C298_Recipes.jpg?x86293)
Fighting front-end fatigue with tooling recipes
A great article on how to be productive with the latest web technologies.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C298_Smiley.png?x86293)
Happy Face to Sad Face
A lovely face changing control demo by Chris Gannon.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C298_Buck.png?x86293)
Buck
Buck is a high-performance build system developed and used by Facebook.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C298_StackMotionEffects.png?x86293)
Stack Motion Hover Effects
Experimental hover effects that reveal a stack of multiple colored cards behind the hovered item.
Check it out