Collective #471

Voice User Interfaces (VUI) - The Ultimate Designer's Guide
Justin Baker shares the fundamentals for designing Voice User Interfaces.
Read it
Build your own interactive JavaScript playground
A tutorial by Krasimir Tsonev where he shows how to code a JavaScript playground.
Read it
Real Time Design in WordPress
Divi is powered by the Divi Builder, an insanely fast and incredibly intuitive front end editor like nothing you have seen before. It will change the way you build websites forever.
Check it out
Speed Essentials: Key Techniques for Fast Websites
Learn how to improve site performance by optimizing images, web font loading and JavaScript.
Watch it
The Current State of Styling Scrollbars
Chris Coyier summarizes what our options are when it comes to scrollbar styling.
Read it
Felipe
Turn basic Sketch layers into symbols visually with this plugin. Read more about it in this article.
Check it out
Progress-estimator
A script that logs a progress bar and estimation for how long a Promise will take to complete.
Check it out
What, exactly, is the DOM?
In this article, Ire Aderinokun explains what the DOM is.
Read it
Free Font: Rousseau Deco
A lovely art deco inspired font by Mariano Diez.
Get it
Essential TypeScript Types - Get Started with TypeScript
Trey Huffine gets you started with TypeScript.
Read it
Canvas Proximity Mask
An awesome demo by Ricardo Mendieta of a proximity mask on an image.
Check it out
Fast Google Fonts with Cloudflare Workers
Patrick Meenan's interesting article on Cloudflare Apps' new worker support.
Read it
Astray 2
A real-time WebGL path tracing maze game proof-of-concept built with regl, planck-js, and howler.
Check it out
Electricity
Vicente Lucendo's sketch where he experiments with stylized electricity using GPGPU particles and curl noise.
Check it out
Fibre
Fibre is a WebGL application for visualizing and coding 3D vector fields and dynamical systems.
Check it out
Hue
Hue is a collection of hand-picked color palettes for design inspiration.
Check it out
Dreamsynth
A musical instrument straight from a dream.
Check it out
CSS-Only Walking Dog
David Khourshid brings Artua's Walking dog to (CSS) life.
Check it out
The Mystery Font That Took Over New York
An interesting article on the history of Choc, a quirky calligraphic typeface.
Read it
Color Koala
A tool for generating fresh color palettes with a downloadable CSS file.
Check it out
CMS.js Version 2.0
A powerful new version of CMS.js is out, the fully client-side, JavaScript Markdown site generator that only uses HTML, CSS and JavaScript to generate a website.
Check it out
Pixel Art Moonset
Mustafa Enes uses image-rendering: pixelated
on a canvas element to create a beautiful pixel-art scene.