Collective #509
![C509_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/04/C509_WOTW.jpg?x88254)
Inspirational Website of the Week: Greater Than Avatars
A stunning design with great balance and details. Our pick this week.
Get inspired![C509_NW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/04/C509_NW.jpg?x88254)
Northwestern MS in Information Design and Strategy
Prepare for a range of dynamic communication roles and build the in-demand skills needed to drive user interactions.
Apply Now![C509_trends](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/04/C509_trends.jpg?x88254)
Web Design Trends 2019
A very inspirational list of fundamental web design trends for 2019.
Read it![C509_hints](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/04/C509_hints.jpg?x88254)
Optimizing Performance With Resource Hints
Learn how you can use Resource Hints to help the browser stay one step ahead of the user in this article by Drew McLellan.
Read it![C509_solar](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/04/C509_solar.jpg?x88254)
Solar CSSystem
All the solar system's planets made with CSS by Rob DiMarzo.
Check it out![C509_diagonal](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/04/C509_diagonal.jpg?x88254)
Diagonal Containers in CSS
A tutorial by Sebastiano Guerriero, where he shows how to create full-width, diagonal sections in CSS using the clip-path property.
Read it![C509_cassie](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/04/C509_cassie.jpg?x88254)
Limitation Breeds Creativity
Cassie Evans' great talk at Bytes Conf 2019.
Watch it![C509_3d](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/04/C509_3d.jpg?x88254)
js-cloudimage-360-view
A simple, interactive resource that can be used to provide a virtual tour of your product.
Check it out![C509_movingmouse](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/04/C509_movingmouse.jpg?x88254)
Simulating Mouse Movement
Louis Hoebregts shows how to simulate a moving mouse using the Simplex noise algorithm.
Read it![C509_notre](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/04/C509_notre.jpg?x88254)
Why Notre-Dame Was a Tinderbox
An scrollable WebGL presentation that visualizes why Notre-Dame was all but assured to go up in flames.
Check it out![C509_cube](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/04/C509_cube.jpg?x88254)
cube.js
In case you didn't know about it: Cube.js is an open source modular framework to build analytical web applications.
Check it out![C509_animatedgrid](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/04/C509_animatedgrid.jpg?x88254)
Animated grid
A hypnotizing animated grid demo made by David A.
Check it out![C509_visualprogram](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/04/C509_visualprogram.jpg?x88254)
A graphical introduction to dynamic programming
Avik Das wrote and illustrated this visual introduction to dynamic programming.
Read it![C509_includinghtml](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/04/C509_includinghtml.jpg?x88254)
HTML Includes That Work Today
Scott Jehl describes an experimental technique for including another file directly into a page.
Read it![C509_ascii](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/04/C509_ascii.jpg?x88254)
ASCII WARP GITHUB
Ibrahim Tanyalcin shows how you can use LexiconMonoSeq to animate ASCII.
Check it out![C509_matt](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/04/C509_matt.jpg?x88254)
ToneJS + canvas-sketch
An interactive and generative site made with canvas-sketch and Tone.js. By Matt DesLauriers.
Check it out![C509_slideshow](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/04/C509_slideshow.jpg?x88254)
Fullscreen Scroll Slideshow
Yoichi Kobayashi created this useful fullscreen slideshow that works on scroll.
Check it out![C509_solid](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/04/C509_solid.jpg?x88254)
Solid Template
Solid is a simple and responsive HTML landing page template for startups.
Check it out![C509_particles](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/04/C509_particles.jpg?x88254)
Particles 101
Tibix's tutorial on how to make animations based on moving particles.
Read it![C509_cssdrone](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/04/C509_cssdrone.jpg?x88254)
Only CSS: STARFOX Arwing Drone
Yusuke Nakaya created this stunning CSS-only flying drone demo.
Check it out![C509_url](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/04/C509_url.jpg?x88254)
URL equalizer
So much coding goodness in just a couple of tweets. A realtime favicon waveform follows.
Check it out![C509_nicedoc](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/04/C509_nicedoc.jpg?x88254)
Nicedoc.io
Nicedoc.io aims to reduce the documentation friction, converting any markup file hosted on github.com into great looking documentation.
Check it out![C509_pngs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/04/C509_pngs.jpg?x88254)
IMGBIN
A place to find free PNG images for your next wild collage.
Check it out![C509_demos3](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/04/C509_demos3.jpg?x88254)
Awesome Demos Roundup #3
The third collection of beautiful, creative experiments that we've found around the web.
Check it out