Collective #456
![C456_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C456_WOTW.jpg?x86293)
Inspirational Website of the Week: Clément Vion
A minimal design with some beautifully fluid interactions. Our pick this week.
Get inspired![C456_Penn](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C456_Penn.jpg?x86293)
Enhance your creative problem-solving and communication skills
Penn State's online design programs can help you become a skilled professional who can develop, define, and deliver compelling designs.
Request information![C456_genart](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C456_genart.jpg?x86293)
Generative Coding - The Nature of Code Ported to Three.js
A three.js port of Daniel Shiffman's "Nature of Code" examples by Gary Ang.
Check it out![C456_ai](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C456_ai.jpg?x86293)
Real-time code generation using computer vision
Amazing real-time code generation using computer vision by the team at TeleportHQ.
Watch it![C456_sketch](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C456_sketch.jpg?x86293)
Dark Mode, Data, a brand new look and more in Sketch 52
Read all about the new version of Sketch.
Read it![C456_type](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C456_type.jpg?x86293)
Tiptoptypetips
A weekly newsletter helping designers and developers understand and use typography better.
Check it out![C456_pulltoreflesh](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C456_pulltoreflesh.jpg?x86293)
Pull to Re-flesh
Darin Senneff's delightful pull-to-refresh animation.
Check it out![C456_newsapp](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C456_newsapp.jpg?x86293)
How To Build A News Application With Angular 6 And Material Design
Rachid Sakara shows how to build a news application using Angular 6 and Google's material design from scratch.
Read it![C456_ferret](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C456_ferret.jpg?x86293)
Ferret
A web scraping system aiming to simplify data extraction from the web for things like UI testing, machine learning and analytics.
Check it out![C456_sourcegraph](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C456_sourcegraph.jpg?x86293)
Sourcegraph
Sourcegraph is a fast, open-source, fully-featured code search and navigation engine. It's now open source.
Check it out![C456_stitch](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C456_stitch.jpg?x86293)
Stitch
Stitch is a simple, powerful database to store and manage creative talent.
Check it out![C456_graphd3](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C456_graphd3.jpg?x86293)
Building a Complex Financial Chart with D3 and d3fc
A great tutorial by Colin Eberhardt where you learn how to re-create the Yahoo Finance chart.
Read it![C456_cssgrid](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C456_cssgrid.jpg?x86293)
Preventing a Grid Blowout
Chris Coyier shares a tip on tackling some CSS grid trickiness.
Read it![C456_icons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C456_icons.jpg?x86293)
E-commerce & Navigation Vector Icons Set
48 essential vector icons for your next project.
Get it![C456_payments](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C456_payments.jpg?x86293)
Web Payments Overview
Google's Web Fundamentals comprehensive entry for Web Payments by Eiji Kitamura, Dave Gash and Durga Pandey.
Read it![C456_cout](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C456_cout.jpg?x86293)
Free Font: Cout
A playful display typeface made by Justin Delmotte.
Get it![C456_linksplit](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C456_linksplit.jpg?x86293)
linksplit
With linksplit you can easily split traffic between two or more URLs for instant A/B tests.
Check it out![C456_consent](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C456_consent.jpg?x86293)
re:consent
An open source tool that shows which data you share with websites that adhere to the "Transparency & Consent Framework" of the Interactive Advertising Bureau (IAB), as well as Google and Facebook.
Check it out![C456_daydead](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C456_daydead.jpg?x86293)
Animated Day of the Dead Illustrations
An adorable set of 12 animated illustrations with a Day of the Dead theme.
Get it