Collective #372

A smart, free solution for handling creative files
Your files deserve a safe home. Organizing, sharing & approval of creative in a customizable portal; everything is easier with Orbit.
Check it out
Animate Plus
Animate Plus is a new JavaScript animation library that aims to focus on performance.
Check it out
Yolo Hero
A super fun game from the Christmas Experiments. You'll need a webcam and a microphone.
Check it out
So, you learned JavaScript - now what?
Christian Heilmann's inspiring talk about JavaScript he gave at a graduation ceremony.
Read it
The 8pt Grid: Consistent Spacing in UI Design with Sketch
Chris Godby shows how to use the 8pt spacing system in Sketch.
Read it
Zigzag Image-Text Layouts Make Scanning Less Efficient
The results of an eyetracking study that show how a zigzag layout with images and text impedes scanning.
Read it
The (Far) Future of CSS
An interesting talk by Tab Atkins on the future of CSS.
Watch it
Neural Networks in JavaScript with deeplearn.js
A tutorial on how to implement a neural network in JavaScript with deeplearn.js to perform machine learning. By Robin Wieruch.
Read it
Animating Border
Stephen Shaw explores and compares different methods to animate borders.
Read it
Iota
A responsive micro-framework for the grid spec powered by CSS custom properties. Made by Kory Wakefield.
Check it out
Debugging CSS Grid Layouts With Firefox Grid Inspector
An article by Chen Hui Jing that covers known and obscure features of Firefox DevTools that can come in handy when building and debugging shiny new CSS Grid layouts.
Read it
Free Font: Ballada
Two beautifully designed brush typefaces by thirtypath for Pathero.
Get it
Progressive Image Loading using Intersection Observer and SQIP
Dean Hume shows how to apply a progressive image loading technique for making websites usable faster.
Read it
Using Artificial Intelligence to Augment Human Intelligence
An interesting article on augmented intelligence that tries to answer some fundamental questions.
Read it
Manageable Utility Systems with CSS Variables
Kasey Bonifacio shows how to simplify your stylesheet with Custom Properties.
Read it
Introducing Turbo: 5x faster than Yarn & NPM, and runs natively in-browser
Eric Simons introduces Turbo, an extremely fast NPM client originally built for StackBlitz.
Read it
React Native Typogrpahy
A library that provides defaults and helpers for crisp looking typographic styles for React Native. By Hector Garcia.
Check it out
Modern Asynchronous CSS Loading
Read how you can load less-critical CSS files asynchronously to avoid page render blocking.
Read it
Bauble Toggle
Chris Gannon made this bauble toggle with SVG in ReactJS with GreenSock.
Check it out
Web Content Accessibility Guidelines - for People Who Haven't Read Them
Alan Dalton explains the Web Content Accessibility Guidelines 2.0 in an easy to understand way.
Read it
How Stripe Designs Beautiful Websites
Lee Robinson investigates why Stripe does design so well.
Read it
Why CSS Grid is better than Bootstrap for creating layouts
Per Harald Borgen compares CSS Grid to Bootstrap as a layout system.
Read it
10 Rules of Using Fonts in Virtual Reality
Volodymyr Kurbatov shares some useful tips for using fonts in virtual reality.
Check it out