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 outAnimate Plus
Animate Plus is a new JavaScript animation library that aims to focus on performance.
Check it outYolo Hero
A super fun game from the Christmas Experiments. You'll need a webcam and a microphone.
Check it outSo, you learned JavaScript - now what?
Christian Heilmann's inspiring talk about JavaScript he gave at a graduation ceremony.
Read itThe 8pt Grid: Consistent Spacing in UI Design with Sketch
Chris Godby shows how to use the 8pt spacing system in Sketch.
Read itZigzag 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 itThe (Far) Future of CSS
An interesting talk by Tab Atkins on the future of CSS.
Watch itNeural 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 itAnimating Border
Stephen Shaw explores and compares different methods to animate borders.
Read itIota
A responsive micro-framework for the grid spec powered by CSS custom properties. Made by Kory Wakefield.
Check it outDebugging 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 itFree Font: Ballada
Two beautifully designed brush typefaces by thirtypath for Pathero.
Get itProgressive Image Loading using Intersection Observer and SQIP
Dean Hume shows how to apply a progressive image loading technique for making websites usable faster.
Read itUsing Artificial Intelligence to Augment Human Intelligence
An interesting article on augmented intelligence that tries to answer some fundamental questions.
Read itManageable Utility Systems with CSS Variables
Kasey Bonifacio shows how to simplify your stylesheet with Custom Properties.
Read itIntroducing 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 itReact Native Typogrpahy
A library that provides defaults and helpers for crisp looking typographic styles for React Native. By Hector Garcia.
Check it outModern Asynchronous CSS Loading
Read how you can load less-critical CSS files asynchronously to avoid page render blocking.
Read itBauble Toggle
Chris Gannon made this bauble toggle with SVG in ReactJS with GreenSock.
Check it outWeb 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 itHow Stripe Designs Beautiful Websites
Lee Robinson investigates why Stripe does design so well.
Read itWhy CSS Grid is better than Bootstrap for creating layouts
Per Harald Borgen compares CSS Grid to Bootstrap as a layout system.
Read it10 Rules of Using Fonts in Virtual Reality
Volodymyr Kurbatov shares some useful tips for using fonts in virtual reality.
Check it out