Collective #397

CSS Gradient
A great place where you can create, explore and learn about CSS gradients.
Check it out
The web hosting that WordPress recommends
Bluehost is the #1 hosting service that is used by over 2 million websites and recommended by WordPress itself.
Check it out
Google Art & Culture Experiment - Art Palette
A great experiment by Google for showing art images with related color palettes.
Check it out
Creating a Parking Game With the HTML Drag and Drop API
In this tutorial by Omayeli Arenyeka you'll learn how to create a parking game with the Drag and Drop API.
Read it
Standardizing lessons learned from AMP
Read about Google's work on web standards to allow instant loading and Google Search features for all pages, not just the ones based on AMP.
Read it
The Future Of Mobile Web Design: Video Game Design And Storytelling
Suzanne Scacca shows how web designers can learn from the storytelling aspect of video game design for a better user experience.
Read it
Neural Drum Machine
An awesome drum machine powered by a deep neural network. Made by Tero Parviainen.
Check it out
Driver
A light-weight JavaScript engine with no dependencies to drive the user's focus across the page, for example for feature introductions or call-to-action components.
Check it out
Wunderbar
Simple horizontal bar chart printer for your terminal.
Check it out
GLSL: Chrome
Liam Egan created this fantastic chrome like effect with reflection mapping.
Check it out
Error Overlay Webpack Plugin
A plugin that displays an error overlay in your application in the same overlay style used in create-react-app.
Check it out
Hopefully, the Ultimate Guide to a Flat Icon Set
A very practical, visual guide to flat icon design by Slava Shestopalov.
Read it
Path Flow aka Mesh Path Deformation Modifier
Three.js path flow (or curve modifier) by Joshua Koo. Check out the GitHub repo, too.
Check it out
Noisy Circles
A nice 3D simplex noise demo by Johan Karlsson.
Check it out
Mosaic
Louis Hoebregts created this slick mosaic demo.
Check it out
Announcing Bitwise
Read about an exciting project by Per Vognsen where he aims to demonstrate by example how to build systems from scratch, with a low-level computing focus.
Check it out
SPH Fluid simulation with volumetric rendering
Three.js awesomeness by David Lenaerts: an interactive version of the SPH fluid solver with volumetric lighting.
Check it out
Animated Menu Concept
Robin Delaporte created this awesome menu hover effect.
Check it out
Stargate
Karim Maaloul's take on the Stargate Codepen challenge.
Check it out
Hearth
Publish personal websites with the power of IPFS (InterPlanetary File System).
Check it out