Collective #442
![C442_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/08/C442_WOTW.jpg?x86293)
Inspirational Website of the Week: ARCHE68
A fantastic exploration of shape, layout, motion and typography. Our pick this week.
Get inspired![C442_pramp](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/08/C442_pramp.png?x86293)
Pramp - Free front-end interview practice
Can you ace an interview? Make sure you can. Pramp, a peer-2-peer mock interviews platform allows you to practice on-demand.
Practice for FREE![C442_sketch](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/08/C442_sketch.jpg?x86293)
Sketchbook
Varun Vachhar's collection of experiments made with Matt DesLauriers' canvas-sketch library.
Check it out![C442_scrollsnap](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/08/C442_scrollsnap.jpg?x86293)
Practical CSS Scroll Snapping
Max Kohler shows how to use CSS scroll snapping in a set of useful examples.
Read it![C442_checklinks](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/08/C442_checklinks.jpg?x86293)
Check-links
A tool that checks an array of URLs for liveness. By Travis Fischer.
Check it out![C442_Splitting](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/08/C442_Splitting.jpg?x86293)
Splitting
A great library that makes use of CSS variables for animating text, grids, and more.
Check it out![C442_SpaceGrotesk](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/08/C442_SpaceGrotesk.jpg?x86293)
Free Font: Space Grotesk
Based on Colophon's "Space Mono" typeface, Florian Karsten created this beautiful Grotesk font with 5 weights.
Get it![C442_illusion](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/08/C442_illusion.jpg?x86293)
The Stroboscopic Effect: Illusions on the Web
Dan Wilson's third article in an amazing series on recreating optical illusions for the web.
Read it![C442_w3c](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/08/C442_w3c.jpg?x86293)
Introducing CSS Values and Units Level 4
Read all about the First Public Working Draft of CSS Values and Units Level 4 with all its new additions.
Check it out![C442_hover](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/08/C442_hover.jpg?x86293)
Chromatic Aberration Effect
A great hover effect demo by Robin Delaporte.
Check it out![C442_dweb](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/08/C442_dweb.jpg?x86293)
Dweb: Building a Resilient Web with WebTorrent
As part of an article series on open source projects for a decentralized web, Feross Aboukhadijeh explains WebTorrent, the first torrent client that works in the browser.
Read it![C442_camera](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/08/C442_camera.jpg?x86293)
How to Build A Simple Camera Component
A tutorial by David East where you'll learn to code a camera component.
Read it![C442_waterpaint](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/08/C442_waterpaint.jpg?x86293)
Water Paint
A lovely aquarelle effect based on this tutorial.
Check it out![C442_DL](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/08/C442_DL.jpg?x86293)
Deep Learning World
Organized, useful resources for Deep Learning researchers and developers.
Check it out![C442_shape](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/08/C442_shape.jpg?x86293)
Experimental Layouts with CSS Shapes and clip-path
Michelle Barker explores some possibilities for experimental layouts using CSS Shapes.
Read it![C442_piechart](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/08/C442_piechart.jpg?x86293)
Simple Interactive Pie Chart with CSS Variables and Houdini Magic
An article by Ana Tudor where she dissects an interesting technique for building an interactive pie chart.
Read it![C442_alignment](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/08/C442_alignment.jpg?x86293)
Everything You Need To Know About Alignment In Flexbox
Rachel Andrews takes a look at the alignment properties, and how they work with Flexbox.
Read it![C442_icons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/08/C442_icons.jpg?x86293)
Gradient Icons
A set of 100 free icons with beautiful gradient coloring from RoundIcons.
Get it![C442_WebAssembly](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/08/C442_WebAssembly.jpg?x86293)
WebAssembly: How and why
Milica Mihajlija's short crash course on WebAssembly and why you'd want to use it.
Read it![C442_shame](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/08/C442_shame.jpg?x86293)
Font Shaming
A sobering collection of the most popular fonts used by the greatest startups from ProductHunt.
Check it out