Collective #408

Inspirational Website of the Week: Charles Simon
Smooth transitions and a unique design made us pick "Charles Simon" as inspirational website this week.
Get inspired
Everything IT requires and Developers love
HelloSign API's robust SDK, amazing support, detailed documentation, and super clean dashboard is sure to make your entire team happy.
Get started for free
Oh Man, Look at Your API!
Alexey Kuznetsov's complete guide for building and improving APIs.
Read it
Creating a Panning Effect for SVG
Great article by Louis Hoebregts on how to achieve panning on an SVG.
Read it
How browsers position floats
A nice visualization by Monica Dinculescu that shows how browsers position floats.
Check it out
Matrix Vision
A project that livestreams from your webcam to put you inside the Matrix. Made by Emily Xie.
Check it out
How To Create An Audio/Video Recording App With React Native: An In-Depth Tutorial
An extensive tutorial by Oleh Mryhlod where you will learn to create video/audio recording functionality with React Native.
Read it
Creating smooth sequential animations with Sass
Glenn McComb shows a technique for creating CSS animations using the power of Sass' for loop.
Read it
<link rel="prefetch/preload"> in webpack
Read all about webpack's support for prefetching (and preloading) in this article by Tobias Koppers.
Read it
Bagan: Discover a heritage site at risk
A fantastic Google Arts & Culture project where you can join a technological tour of the earthquake damaged temples of Bagan.
Check it out
Only CSS: 404 Rolling Box
Great CSS demo made by Yusuke Nakaya.
Check it out
Me Too Rising
A visualization of Google Search interest in the "MeToo" movement over time.
Check it out
Instagram of Louis Ansa
The inspirational and artistic creations of Louis Ansa.
Check it out
An Introduction to VuePress
Learn how to get started with VuePress in this article by Joshua Bemenderfer.
Read it
Scrollbars & CSS Custom Properties
Louis Hoebregts' solution for getting rid of unnecessary scrollbars in Windows.
Read it
Mission Critical: optimizing CSS for CDN
An overview of how to handle critical CSS to accommodate different CDNs and their features.
Read it
Science Slider
A very creative custom slider made by Chris Gannon.
Check it out
Free Font: Loka Regular
A geometric slab serif font family with a semi-humanist touch. The regular style is for free.
Get it
CSS/SVG Blobby Background
Cassie Evans created this demo with SVG filters and masks.
Check it out
Why is not using the CSS cascade a problem?
Peter-Paul Koch asks an interesting question about JavaScript developers not using the CSS cascade.
Read it
Semantic Experiences
Experiments in understanding language by Google.
Check it out