Collective #408
![C408_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C408_WOTW.jpg?x86293)
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![C408_HelloSign](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C408_HelloSign.png?x86293)
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![C408_api](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C408_api.jpg?x86293)
Oh Man, Look at Your API!
Alexey Kuznetsov's complete guide for building and improving APIs.
Read it![C408_SVGPan](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C408_SVGPan.jpg?x86293)
Creating a Panning Effect for SVG
Great article by Louis Hoebregts on how to achieve panning on an SVG.
Read it![C408_Float](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C408_Float.jpg?x86293)
How browsers position floats
A nice visualization by Monica Dinculescu that shows how browsers position floats.
Check it out![C408_matrix](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C408_matrix.jpg?x86293)
Matrix Vision
A project that livestreams from your webcam to put you inside the Matrix. Made by Emily Xie.
Check it out![C408_audio](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C408_audio.jpg?x86293)
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![C408_sassanimation](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C408_sassanimation.jpg?x86293)
Creating smooth sequential animations with Sass
Glenn McComb shows a technique for creating CSS animations using the power of Sass' for loop.
Read it![C408_webpack](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C408_webpack.jpg?x86293)
<link rel="prefetch/preload"> in webpack
Read all about webpack's support for prefetching (and preloading) in this article by Tobias Koppers.
Read it![C408_bagan](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C408_bagan.jpg?x86293)
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![C408_404](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C408_404.jpg?x86293)
Only CSS: 404 Rolling Box
Great CSS demo made by Yusuke Nakaya.
Check it out![C408_metoo](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C408_metoo.jpg?x86293)
Me Too Rising
A visualization of Google Search interest in the "MeToo" movement over time.
Check it out![C408_instagram](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C408_instagram.jpg?x86293)
Instagram of Louis Ansa
The inspirational and artistic creations of Louis Ansa.
Check it out![C408_vue](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C408_vue.jpg?x86293)
An Introduction to VuePress
Learn how to get started with VuePress in this article by Joshua Bemenderfer.
Read it![C408_scrollbar](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C408_scrollbar.jpg?x86293)
Scrollbars & CSS Custom Properties
Louis Hoebregts' solution for getting rid of unnecessary scrollbars in Windows.
Read it![C408_CDNCSS](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C408_CDNCSS.jpg?x86293)
Mission Critical: optimizing CSS for CDN
An overview of how to handle critical CSS to accommodate different CDNs and their features.
Read it![C408_scienceslider](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C408_scienceslider.jpg?x86293)
Science Slider
A very creative custom slider made by Chris Gannon.
Check it out![C408_font](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C408_font.jpg?x86293)
Free Font: Loka Regular
A geometric slab serif font family with a semi-humanist touch. The regular style is for free.
Get it![C408_bubble](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C408_bubble.jpg?x86293)
CSS/SVG Blobby Background
Cassie Evans created this demo with SVG filters and masks.
Check it out![C408_csscascade](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C408_csscascade.jpg?x86293)
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![C408_GoSemantics](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C408_GoSemantics.jpg?x86293)
Semantic Experiences
Experiments in understanding language by Google.
Check it out