Collective #321

Fuse: A Better Way To Make Native Apps
Making cross-platform, native apps for iOS and Android is needlessly complex — especially when you're working with others. Fuse aims to end the friction.
Check it out
Are Float Labels Really That Problematic After All?
Matt D. Smith response to Adam Silver's article Floating Labels Are Problematic.
Read it
Locally Scoped CSS Variables: What, How, and Why
Una Kravets shows how powerful CSS variables are and how we can use them.
Read it
How the minmax() Function Works
Learn all about the interesting minmax() function of CSS Grid in this article by Ire Aderinokun.
Read it
Color blends are back in fashion, and these 30 will give you a colorgasm
Isabela Carvalho gives us some fantastic inspiration for color blends.
Read it
Pix2Pix
Pix2Pix uses a neural network to create a portrait from a drawing. The AI system behind the tool learned from thousands of images of Lara Rense, an achor at Dutch Public Broadcaster NPO. Read more about it here (Dutch).
Check it out
A day without Javascript
Charlie Owen turned off JavaScript in the browser and checked how some large sites show their content.
Read it
JavaScript: What the heck is an Immediately-Invoked Function Expression?
Brandon Morelli explains what an IIFE is an shows why it's useful.
Read it
JSC loves ES6
An in-depth article on the development of WebKit's first ES6 benchmark, ARES-6.
Read it
Color Accessibility Workflows
An excerpt from Chapter 3 of Geri Coady's new book, Color Accessibility Workflows.
Read it
The Designer's AI Study Guide
A great getting started guide to Artificial Intelligence with useful links for designers. By Huge.
Read it
Creating an interactive SVG metro map with JointJS
Przemek Maszczynski shows how to use JointJS and make an interactive SVG metro map.
Read it
Beesandbombs/davidope Inspired Three.js Animation
A mind-blowing Three.js demo by Matt Rothenberg.
Check it out
LiquidPro UI kit for Sketch
A lovely UI kit for Sketch by DtailStudio.
Get it
SVGI
A very useful CLI tool to inspect the content of SVG files.
Check it out
How to get the most out of the JavaScript console
Darryl Pargeter shows how to fully harness all methods of the console.
Read it
Google not, learn not: why searching can sometimes be better than knowing
A very interesting article by Jeremy Gunter where he shows how searching is actually a good thing.
Check it out
How to Code: Collision Detection — Part I
Christopher Lis offers some fantastic Dev tutorials on Youtube. In this one he teaches about collision detection.
Watch it
Awesome Design Systems
A curated list of awesome design systems, pattern libraries, and everything inbetween. By Alex Pate.
Check it out
Fun with Viewport Units
Some great examples for using viewport units. By Miriam Suzanne.
Read it
VolumeNobProjectile
A fun volume control demo where you "shoot" a volume projectile.
Check it out
Best websites a programmer should visit
If you haven't seen this one yet: a great collection of useful websites for programmers.
Check it out
Typography as Base: From the Content Out
Francisco Baila shares his process of structuring his typography approach for any web project.
Read it
Upgrading from Node 6 to Node 8: a real-world performance comparison
David Gilbertson shares his performance comparison he did when upgrading to Node 8.
Read it