Collective #298
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
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
Palm Generator Editor
A fantastic three.js palm tree generator by Davide Prati. Check out this page, too.
Check it out
Novapattern
Novapattern curates beautiful, well-designed patterns that are licensed under a Creative Commons Attribution 4.0 License.
Check it out
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
Slow the fuck down
An important message by Eric Karjaluoto from Officehours.
Read it
Internationalize your keyboard controls
Learn how you can easily internationalize your keyboard controls in this article by Julien Wajsberg.
Read it
Practical Color Theory for People Who Code
A great guide on color theory for people who code by Natalya Shelburne.
Read it
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
Web Developer Roadmap 2017
A complete roadmap to becoming a web developer in 2017. By Kamran Ahmed.
Check it out
Simple Things in Life: 80 Icons Set (AI, PSD)
Some carefully designed icons made by Cylex for Graphic Burger.
Get it
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
Waffle Grid
An easy to use flexbox grid system by Lucas Gruwez.
Check it out
Making Alix, a Chrome Extension for Linting HTML
Read how Ire Aderinokun made the helpful Chrome extension Alix.
Read it
Announcing Guetzli: A New Open Source JPEG Encoder
Robert Obryk and Jyrki Alakuijala introduce the exciting new JPEG encoder, Guetzli.
Read it
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
Writing modular CSS (Part 1)
Zell Liew shares how he uses BEM in this practical article.
Read it
7 solutions for creating more accessible SVGs
Some useful tips on how to make SVGs more accessible.
Read it
Fighting front-end fatigue with tooling recipes
A great article on how to be productive with the latest web technologies.
Check it out
Happy Face to Sad Face
A lovely face changing control demo by Chris Gannon.
Check it out
Buck
Buck is a high-performance build system developed and used by Facebook.
Check it out
Stack Motion Hover Effects
Experimental hover effects that reveal a stack of multiple colored cards behind the hovered item.
Check it out