Collective #314

Inspirational Website of the Week: Trüff
An interesting and artful web experience with beautiful animated illustrations.
Get inspired
Online Master's in Information Design and Strategy
This online, part-time program at Northwestern University is taught by industry leaders and top professors.
Check it out
Breaking Out With CSS Grid Layout
Tyler Sticka shows a CSS Grid powered technique for breaking out of a fixed width container.
Read it
Moments of Happiness
Moments of Happiness is a super-cute series of WebGL experiments developed using Three.js and GSAP Library. Made by Karim Maaloul.
Check it out
Designing Purpose
Read about the motivation and idea behind The Purpose Project in this fascinating article by Minnie Bredouw.
Read it
An Abridged Cartoon Introduction To WebAssembly
Lin Clark illustrates what it is about WebAssembly that makes it fast.
Read it
CockroachDB 1.0 is Production-Ready
Read all about the release of the first open source, cloud-native SQL database.
Read it
Outline
Outline is a free service that makes websites more readable by removing ads, related links, and comments.
Check it out
Introducing Stack Overflow Trends
David Robinson introduces the new Stack Overflow Trends tool for tracking interest in programming languages and technologies.
Read it
Experiments in fixed aspect ratios
Stephanie Liu shows how to maintain embed aspect ratios in a responsive site.
Read it
Material Components
The open source library of modular and customizable UI components for Android, iOS, and web apps by Google.
Check it out
Rosid
A Node.js static site generator that transforms your files on-the-fly before serving them to the browser.
Check it out
SpreadShare
A place to explore community-curated spreadsheets for startups and professionals.
Check it out
Free Font: Starway
Meriton Salihu designed this interesting two-line font.
Get it
TypeScript React Starter
A starter template for TypeScript and React with a detailed tutorial on how to use the two together.
Check it out
The Hitchhiker's Guide to d3.js
A great introduction and road map to d3.js by Ian Johnson.
Check it out
The Many Faces of Functions in JavaScript
Leo Balter and Rick Waldron give an illustrative overview of the existing syntactic forms for functions in JavaScript.
Read it
Approaching a Truly Natural Interface
A very nice read on the history and challenges of designing GUIs. By Tyler Waite.
Read it
Hasty
A code snippet generator for custom WordPress code like shortcodes, custom post types and more.
Check it out
CSS and the First Meaningful Paint
An in-depth talk by Patrick Hamann on the current, past, and future best-practices for loading CSS in the browser.
Watch it
One build tool to rule them all — Blendid!
Dan Tello introduces Blendid (formerly known as Gulp Starter), a stand-alone blend of tasks and build tools poured into Gulp to form a full-featured modern asset pipeline.
Read it
Butternut
Butternut is a fast JavaScript minifier that works with the latest version of JavaScript (ES6, and beyond). By Rich Harris.
Check it out
Infinite Tubes with Three.js
Louis Hoebregts built some WebGL experiments where the viewer seemingly travels through a textured tunnel. Powered by Three.js and inspired by the effect seen on fornasetti.com.
Check it out