Collective #509
Publikováno: 18.4.2019
js-cloudimage-360-view * cube.js * Web Design Trends 2019 * Simulating Mouse Movement * Nicedoc.io
Collective #509 was written by Pedro Botelho and published on Codrops.
![C509_WOTW](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/04/C509_WOTW.jpg)
Inspirational Website of the Week: Greater Than Avatars
A stunning design with great balance and details. Our pick this week.
![C509_NW](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/04/C509_NW.jpg)
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.
![C509_trends](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/04/C509_trends.jpg)
Web Design Trends 2019
A very inspirational list of fundamental web design trends for 2019.
![C509_hints](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/04/C509_hints.jpg)
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.
![C509_solar](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/04/C509_solar.jpg)
Solar CSSystem
All the solar system’s planets made with CSS by Rob DiMarzo.
![C509_diagonal](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/04/C509_diagonal.jpg)
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.
![C509_cassie](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/04/C509_cassie.jpg)
Limitation Breeds Creativity
Cassie Evans’ great talk at Bytes Conf 2019.
![C509_3d](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/04/C509_3d.jpg)
js-cloudimage-360-view
A simple, interactive resource that can be used to provide a virtual tour of your product.
![C509_movingmouse](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/04/C509_movingmouse.jpg)
Simulating Mouse Movement
Louis Hoebregts shows how to simulate a moving mouse using the Simplex noise algorithm.
![C509_notre](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/04/C509_notre.jpg)
Why Notre-Dame Was a Tinderbox
An scrollable WebGL presentation that visualizes why Notre-Dame was all but assured to go up in flames.
![C509_cube](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/04/C509_cube.jpg)
cube.js
In case you didn’t know about it: Cube.js is an open source modular framework to build analytical web applications.
![C509_animatedgrid](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/04/C509_animatedgrid.jpg)
Animated grid
A hypnotizing animated grid demo made by David A.
![C509_visualprogram](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/04/C509_visualprogram.jpg)
A graphical introduction to dynamic programming
Avik Das wrote and illustrated this visual introduction to dynamic programming.
![C509_includinghtml](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/04/C509_includinghtml.jpg)
HTML Includes That Work Today
Scott Jehl describes an experimental technique for including another file directly into a page.
![C509_ascii](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/04/C509_ascii.jpg)
ASCII WARP GITHUB
Ibrahim Tanyalcin shows how you can use LexiconMonoSeq to animate ASCII.
![C509_matt](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/04/C509_matt.jpg)
ToneJS + canvas-sketch
An interactive and generative site made with canvas-sketch and Tone.js. By Matt DesLauriers.
![C509_slideshow](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/04/C509_slideshow.jpg)
Fullscreen Scroll Slideshow
Yoichi Kobayashi created this useful fullscreen slideshow that works on scroll.
![C509_solid](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/04/C509_solid.jpg)
Solid Template
Solid is a simple and responsive HTML landing page template for startups.
![C509_particles](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/04/C509_particles.jpg)
Particles 101
Tibix’s tutorial on how to make animations based on moving particles.
![C509_cssdrone](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/04/C509_cssdrone.jpg)
Only CSS: STARFOX Arwing Drone
Yusuke Nakaya created this stunning CSS-only flying drone demo.
![C509_url](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/04/C509_url.jpg)
URL equalizer
So much coding goodness in just a couple of tweets. A realtime favicon waveform follows.
![C509_nicedoc](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/04/C509_nicedoc.jpg)
Nicedoc.io
Nicedoc.io aims to reduce the documentation friction, converting any markup file hosted on github.com into great looking documentation.
![C509_pngs](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/04/C509_pngs.jpg)
IMGBIN
A place to find free PNG images for your next wild collage.
![C509_demos3](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/04/C509_demos3.jpg)
Awesome Demos Roundup #3
The third collection of beautiful, creative experiments that we’ve found around the web.
Collective #509 was written by Pedro Botelho and published on Codrops.