Collective #316
Inspirational Website of the Week: 茶ッカソン
A very harmonic design with lovely reveal and loading effects. Our pick this week.
Get inspired
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
HNPWA
A spiritual successor to TodoMVC: Hacker News readers as Progressive Web Apps.
Check it out
Announcing JSON Feed
Manton Reece and Brent Simmons developed JSON Feed, a format similar to RSS and Atom but in JSON.
Read it
Learning CSS Grids
A really nice intro to CSS Grid with lots of solid, usable examples. By Varun Vachhar.
Read it
Guidelines for Building Software that Will Make People Hate You
Fun guidelines on how to build bad software. By Pedro Silva Moreira.
Read it
Workbox
JavaScript Libraries for Progressive Web Apps. By the Google Chrome team.
Check it out
Word Counter
An online tool for counting characters, words, sentences, paragraphs and pages in real time.
Check it out
Dynamic Icons in Sketch
Michael Spiegel shares a completely customizable icon editing solution for Sketch.
Read it
Delaunator
A really fast JavaScript library for Delaunay triangulation of 2D points.
Check it out
Free Font: Miller Salt
Two vibrant fonts by Mellow Design Lab.
Get it
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
Tinyreset
A super-tiny and modern CSS reset. By Shankar.
Check it out
Vector icon speed runs
Some very smart tricks and techniques for creating common icons.
Read it
Non-linear interpolation in CSS
Mike Riethmuller shares a useful and practical mixin for fluid typography.
Check it out
Making a Neural Synthesizer Instrument
Jesse Engel introduces a playable set of neural synthesizer instruments.
Read it
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
Craft Prototype
Craft is a suite of plugins for prototyping directly inside Sketch. By InVision.
Check it out
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
Anchor Physics
Simulation of anchor and chain physics as an example of Verlet integration, rendered on HTML5 Canvas. By Philip Jama.
Check it out
Rearchitecting Airbnb's Frontend
Adam Neary gives some great insight into the recent remake of the JavaScript side of Airbnb's codebase.
Read it
PaperSizes
A reference for over 250 international standards for paper sizes, in metric and imperial units.
Check it out
OUIGO - Let's play
A super-fun pinball game made for OUIGO by Merci-Michel.
Check it out
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