Collective #270
![c270_whackamole](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C270_WhackAMole.png?x88254)
Accessibility Whack-A-Mole
Eleanor Ratliff's great write-up on accessibility and its challenges. With some very practical tips.
Read it![c270_heap](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C270_Heap.png?x88254)
User Behavior Tracking With Heap Analytics
Track every click, swipe, and tap users take in your web or mobile app.
Take a look![c270_universe](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C270_Universe.jpg?x88254)
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![c270_cssgrid](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C270_CSSGrid.png?x88254)
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![c270_pulltorefresh](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C270_PullToRefresh.png?x88254)
PulltoRefresh.js
A dependency-free and highly customizable JavaScript library crafted to power your webapp's pull to refresh feature.
Check it out![c270_webworldwide](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C270_webworldwide.png?x88254)
The Web Worldwide
Excellent data that put things into perspective. A project by Tim Kadlec.
Check it out![c270_atomicdesign](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C270_AtomicDesign.jpg?x88254)
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![c270_funhacks](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C270_FunHacks.png?x88254)
Fun hacks for faster content
Jake Archibald shows how to do some serious wizard hacking for faster content.
Read it![c270_dropboxvideo](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C270_DropBoxVideo.png?x88254)
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![c270_lightbox](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C270_Lightbox.png?x88254)
Lightbox
Looking for a clutter-free, simple lightbox script? This might be interesting.
Check it out![c270_rgblogo](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C270_RGBLogo.png?x88254)
RGB Schemes logo
The making-of the absolutely brilliant RGB Schemes logo by Dave DeSandro.
Check it out![c270_styletron](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C270_Styletron.png?x88254)
Virtual CSS with Styletron
Ryan Tsao introduces Styletron, a universal, high-performance JavaScript styles engine.
Read it![c270_datefns](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C270_datefns.png?x88254)
date-fns
A modern JavaScript date utility library for manipulating JavaScript dates in a browser and Node.js.
Check it out![c270_canyonfont](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C270_canyonfont.jpg?x88254)
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![c270_doodle](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C270_Doodle.png?x88254)
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![c270_docoutline](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C270_DocOutline.png?x88254)
Document Outlines in HTML 5.1
A great article on meaningful document outlines with HTML 5.1. by Ire Aderinokun.
Read it![c270_maskingbitmaps](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C270_maskingbitmaps.jpg?x88254)
Masking Bitmaps w/SVG
Jay Freestone interesting technique to combine responsiveness with image optimization.
Check it out![c270_intrinsic](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C270_intrinsic.png?x88254)
What the Heck Is Inclusive Design?
Heydon Pickering explains what's behind the idea of "inclusive design".
Read it![c270_relationalcomponent](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C270_relationalcomponent.png?x88254)
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![c270_fesurvey](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C270_FEsurvey.jpg?x88254)
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![c270_cssgridlements](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/12/C270_cssgridlements.png?x88254)
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