Collective #302

Inspirational Website of the Week: Johnson Banks
A super-slick, unique design with interesting elastic effects. Our pick this week.
Get inspired
The future of the open internet — and our way of life — is in your hands
A must-read on the destruction of the free internet, Net Neutrality and why we need to ensure its openness. By Quincy Larson.
Read it
Making Animations Wait
Donovan Hutchinson shows how to control animations to play at the right time.
Read it
Divi 3.0: Build Things Visually
Divi 3.0 introduces a completely new visual interface that will forever change the way you build websites.
Check it out
New Web Features in Safari 10.1
Jon Davis introduces some of the new web features and improvements in WebKit.
Read it
The Mandelwat Set
A fantastic tutorial by Jeff Fowler on how to use JavaScript to draw Mandelbrot sets.
Check it out
Simple React Development in 2017
Joshua Comeau shows how easy it can be to start a new React project.
Read it
Free Font: Iosevka
Iosevka is a slender monospace sans-serif and slab-serif typeface inspired by Pragmata Pro, M+ and PF DIN Mono, designed to be the ideal font for programming.
Get it
CSS is Fine, It's Just Really Hard
Jordan Scales delightful read on CSS.
Read it
Yes, React is taking over front-end development. The question is why.
Samer Buna writes about why React has become so popular so quickly.
Read it
Reactide
Reactide is the first dedicated IDE for React web application development.
Check it out
Abstract Clocks
Tim Holman's fantastic experiments with abstract ways to represent time.
Check it out
Apollo Client 1.0
Jonas Helfer introduces Apollo Client, a flexible, community-focused JavaScript GraphQL client.
Read it
NanoNets
With NanoNets you can harness the power of Machine Learning with much less data. Free for devs.
Check it out
Atomic Free
A new free plan for Atomic, the cloud-based prototyping app.
Check it out
The Basics of DOM Manipulation in Vanilla JavaScript (No jQuery)
Sebastian Seitz shows how to get the best out of the JavaScript DOM API.
Read it
A Spacial Model for Lossless Web Navigation
Some interesting ideas on a spacial model for an enhanced navigation concept. By Patryk Adaś.
Read it
3 CSS Grid Features That Make My Heart Flutter
Una Kravets writes about why some of the new CSS Grid features are so good and what they do.
Read it
How Machines Make Sense of Big Data: an Introduction to Clustering Algorithms
Peter Gleeson's interesting article on how clustering algorithms work.
Read it
Scaling your API with rate limiters
Learn how to employ rate limiting to make your API more reliable in this article by Paul Tarjan.
Read it
Free Font: Realist
A beautiful classic, hand-written typeface by Graptail for Pixel Buddha.
Get it
Google Gnome
Google's fun April Fool's prank: the smart gnome that manages yard tasks :)
Check it out
A highly experimental 3D room layout for a gallery that aims to show exhibition details in an interesting way.
Check it out