Collective #316
![C316_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C316_WOTW.jpg?x72856)
Inspirational Website of the Week: 茶ッカソン
A very harmonic design with lovely reveal and loading effects. Our pick this week.
Get inspired![C316_DesignFund](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C316_DesignFund.jpg?x72856)
Apply to be a Product & Communication Design Bridge Fellow with Designer Fund
Bridge is a professional development for experienced designers. Apply now to connect with top startups in the Bay Area and to join a lifelong design community. Applications close May 23rd.
Apply now![C316_HNPWA](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C316_HNPWA.png?x72856)
HNPWA
A spiritual successor to TodoMVC: Hacker News readers as Progressive Web Apps.
Check it out![C316_JasonFeed](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C316_JasonFeed.png?x72856)
Announcing JSON Feed
Manton Reece and Brent Simmons developed JSON Feed, a format similar to RSS and Atom but in JSON.
Read it![C316_CSSGrids](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C316_CSSGrids.jpg?x72856)
Learning CSS Grids
A really nice intro to CSS Grid with lots of solid, usable examples. By Varun Vachhar.
Read it![C316_BadSoftware](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C316_BadSoftware.jpg?x72856)
Guidelines for Building Software that Will Make People Hate You
Fun guidelines on how to build bad software. By Pedro Silva Moreira.
Read it![C316_Workbox](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C316_Workbox.png?x72856)
Workbox
JavaScript Libraries for Progressive Web Apps. By the Google Chrome team.
Check it out![C316_WordCounter](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C316_WordCounter.png?x72856)
Word Counter
An online tool for counting characters, words, sentences, paragraphs and pages in real time.
Check it out![C316_DynamicIcons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C316_DynamicIcons.png?x72856)
Dynamic Icons in Sketch
Michael Spiegel shares a completely customizable icon editing solution for Sketch.
Read it![C316_Delaunator](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C316_Delaunator.png?x72856)
Delaunator
A really fast JavaScript library for Delaunay triangulation of 2D points.
Check it out![C316_MillerSaltFont](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C316_MillerSaltFont.jpg?x72856)
Free Font: Miller Salt
Two vibrant fonts by Mellow Design Lab.
Get it![C316_Cube](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C316_Cube.png?x72856)
Simplifying CSS Cubes with Custom Properties
Ana Tudor shows how to use the power of CSS variables for styling and manipulating a 3D cube.
Read it![C316_TniyReset](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C316_TniyReset.png?x72856)
Tinyreset
A super-tiny and modern CSS reset. By Shankar.
Check it out![C316_VectorIconsSpeedRun](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C316_VectorIconsSpeedRun.png?x72856)
Vector icon speed runs
Some very smart tricks and techniques for creating common icons.
Read it![C316_NonLinearInterpolCSS](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C316_NonLinearInterpolCSS.png?x72856)
Non-linear interpolation in CSS
Mike Riethmuller shares a useful and practical mixin for fluid typography.
Check it out![C316_NeuralSynthesizer](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C316_NeuralSynthesizer.png?x72856)
Making a Neural Synthesizer Instrument
Jesse Engel introduces a playable set of neural synthesizer instruments.
Read it![C316_QuickDrawDataSet](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C316_QuickDrawDataSet.png?x72856)
The Quick, Draw! Dataset
The Quick Draw Dataset is a collection of 50 million drawings across 345 categories, contributed by players of the game Quick, Draw!.
Check it out![C316_Craft](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C316_Craft.jpg?x72856)
Craft Prototype
Craft is a suite of plugins for prototyping directly inside Sketch. By InVision.
Check it out![C316_JSONAPINormalizer](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C316_JSONAPINormalizer.png?x72856)
json-api-normalizer: An Easy Way To Integrate The JSON API And Redux
Yury Dymov's experiences and practical recommendations on how to manage front-end application data.
Read it![C316_AnchorPhysics](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C316_AnchorPhysics.png?x72856)
Anchor Physics
Simulation of anchor and chain physics as an example of Verlet integration, rendered on HTML5 Canvas. By Philip Jama.
Check it out![C316_Airbnb](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C316_Airbnb.jpg?x72856)
Rearchitecting Airbnb's Frontend
Adam Neary gives some great insight into the recent remake of the JavaScript side of Airbnb's codebase.
Read it![C316_PaperSizes](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C316_PaperSizes.png?x72856)
PaperSizes
A reference for over 250 international standards for paper sizes, in metric and imperial units.
Check it out![C316_Pinball](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C316_Pinball.jpg?x72856)
OUIGO - Let's play
A super-fun pinball game made for OUIGO by Merci-Michel.
Check it out![C316_FolderPreview](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C316_FolderPreview.jpg?x72856)
Folder Preview Ideas
Some ideas for previewing or just playing with folders on hover. The idea is to show a little animation when hovering a folder icon and reveal some kind of preview for what's inside.
Check it out