Collective #270

Accessibility Whack-A-Mole
Eleanor Ratliff's great write-up on accessibility and its challenges. With some very practical tips.
Read it
User Behavior Tracking With Heap Analytics
Track every click, swipe, and tap users take in your web or mobile app.
Take a look
OpenAI Universe
A software platform for evaluating and training intelligent agents across the world's supply of games, websites and other applications.
Check it out
CSS Grid!
Eric Meyer shares his excitement about the new CSS Grid layout which is going to become supported-by-default in Chrome and Firefox in March of 2017.
Read it
PulltoRefresh.js
A dependency-free and highly customizable JavaScript library crafted to power your webapp's pull to refresh feature.
Check it out
The Web Worldwide
Excellent data that put things into perspective. A project by Tim Kadlec.
Check it out
The Atomic Workflow — People, Process, And Making Design Systems Happen
A massive guide by Brad Frost on a future-proof atomic design based workflow.
Read it
Fun hacks for faster content
Jake Archibald shows how to do some serious wizard hacking for faster content.
Read it
The making of a 1-minute Dropbox video
Jason Mar shares a fascinating behind-the-scenes of the new 1-minute Dropbox video that explains new product updates.
Read it
Lightbox
Looking for a clutter-free, simple lightbox script? This might be interesting.
Check it out
RGB Schemes logo
The making-of the absolutely brilliant RGB Schemes logo by Dave DeSandro.
Check it out
Virtual CSS with Styletron
Ryan Tsao introduces Styletron, a universal, high-performance JavaScript styles engine.
Read it
date-fns
A modern JavaScript date utility library for manipulating JavaScript dates in a browser and Node.js.
Check it out
Free Font: Canyons Vintage Script
A fantastic looking monoline script font with 4 weights and 2 different styles. Designed by Pavel Korzhenko Pixel Buddha.
Get it
What A Neural Network Can Tell About Your Doodles
Some very interesting insights on how we perceive drawings and what the cognitive bases for stereotypical doodles are.
Read it
Document Outlines in HTML 5.1
A great article on meaningful document outlines with HTML 5.1. by Ire Aderinokun.
Read it
Masking Bitmaps w/SVG
Jay Freestone interesting technique to combine responsiveness with image optimization.
Check it out
What the Heck Is Inclusive Design?
Heydon Pickering explains what's behind the idea of "inclusive design".
Read it
Hierarchy view component with pure CSS (SASS)
Zviad Sichinava writes his very first tutorial where he shows how to build a component that displays relational data with HTML/CSS only.
Read it
The State of Front-End Tooling 2016 - Results
View the insightful results of this year's Font-End Tooling survey with data of 4,715 developers. By Ashley Nolan.
Check it out
Seven Ways You Can Place Elements Using CSS Grid Layout
Nitish Kumar shows how to use the new CSS Grid layout in different ways to positioning elements.
Read it