Collective #509
Inspirational Website of the Week: Greater Than Avatars
A stunning design with great balance and details. Our pick this week.
Get inspired
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
Web Design Trends 2019
A very inspirational list of fundamental web design trends for 2019.
Read it
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
Solar CSSystem
All the solar system's planets made with CSS by Rob DiMarzo.
Check it out
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
Limitation Breeds Creativity
Cassie Evans' great talk at Bytes Conf 2019.
Watch it
js-cloudimage-360-view
A simple, interactive resource that can be used to provide a virtual tour of your product.
Check it out
Simulating Mouse Movement
Louis Hoebregts shows how to simulate a moving mouse using the Simplex noise algorithm.
Read it
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
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
Animated grid
A hypnotizing animated grid demo made by David A.
Check it out
A graphical introduction to dynamic programming
Avik Das wrote and illustrated this visual introduction to dynamic programming.
Read it
HTML Includes That Work Today
Scott Jehl describes an experimental technique for including another file directly into a page.
Read it
ASCII WARP GITHUB
Ibrahim Tanyalcin shows how you can use LexiconMonoSeq to animate ASCII.
Check it out
ToneJS + canvas-sketch
An interactive and generative site made with canvas-sketch and Tone.js. By Matt DesLauriers.
Check it out
Fullscreen Scroll Slideshow
Yoichi Kobayashi created this useful fullscreen slideshow that works on scroll.
Check it out
Solid Template
Solid is a simple and responsive HTML landing page template for startups.
Check it out
Particles 101
Tibix's tutorial on how to make animations based on moving particles.
Read it
Only CSS: STARFOX Arwing Drone
Yusuke Nakaya created this stunning CSS-only flying drone demo.
Check it out
URL equalizer
So much coding goodness in just a couple of tweets. A realtime favicon waveform follows.
Check it out
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
IMGBIN
A place to find free PNG images for your next wild collage.
Check it out
Awesome Demos Roundup #3
The third collection of beautiful, creative experiments that we've found around the web.
Check it out