Collective #314
Inspirational Website of the Week: Trüff
An interesting and artful web experience with beautiful animated illustrations.
Get inspiredOnline 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 outBreaking Out With CSS Grid Layout
Tyler Sticka shows a CSS Grid powered technique for breaking out of a fixed width container.
Read itMoments 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 outDesigning Purpose
Read about the motivation and idea behind The Purpose Project in this fascinating article by Minnie Bredouw.
Read itAn Abridged Cartoon Introduction To WebAssembly
Lin Clark illustrates what it is about WebAssembly that makes it fast.
Read itCockroachDB 1.0 is Production-Ready
Read all about the release of the first open source, cloud-native SQL database.
Read itOutline
Outline is a free service that makes websites more readable by removing ads, related links, and comments.
Check it outIntroducing Stack Overflow Trends
David Robinson introduces the new Stack Overflow Trends tool for tracking interest in programming languages and technologies.
Read itExperiments in fixed aspect ratios
Stephanie Liu shows how to maintain embed aspect ratios in a responsive site.
Read itMaterial Components
The open source library of modular and customizable UI components for Android, iOS, and web apps by Google.
Check it outRosid
A Node.js static site generator that transforms your files on-the-fly before serving them to the browser.
Check it outSpreadShare
A place to explore community-curated spreadsheets for startups and professionals.
Check it outFree Font: Starway
Meriton Salihu designed this interesting two-line font.
Get itTypeScript React Starter
A starter template for TypeScript and React with a detailed tutorial on how to use the two together.
Check it outThe Hitchhiker's Guide to d3.js
A great introduction and road map to d3.js by Ian Johnson.
Check it outThe 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 itApproaching a Truly Natural Interface
A very nice read on the history and challenges of designing GUIs. By Tyler Waite.
Read itHasty
A code snippet generator for custom WordPress code like shortcodes, custom post types and more.
Check it outCSS 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 itOne 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 itButternut
Butternut is a fast JavaScript minifier that works with the latest version of JavaScript (ES6, and beyond). By Rich Harris.
Check it outInfinite 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