Collective #424

Inspirational Website of the Week: Supremo
Beautiful elegance and interesting playfulness make the website of Supremo a real gem. Our pick this week.
Get inspired
HelloSign API: Everything IT requires and Developers love
With a robust SDK, amazing support, detailed documentation, and super clean dashboard, HelloSign API is sure to make your team happy.
Try it free today
Generative artistry
Tim Holman started this awesome generative art tutorial site.
Check it out
Sonar
Facebook has open sourced Sonar, a platform for debugging mobile apps on iOS and Android. Check out the GitHub repo here and read more about it in this article.
Check it out
Gradient Joy
Nice gradient placeholder images for your projects.
Check it out
Your Brain on Front-End Development
Chris Coyier shares what he sees and thinks of when he looks at a design.
Read it
Making Web Components Work
A great read by Ted Dumitrescu on Web Components.
Read it
Polly.js
Polly.js by Netflix is a standalone, framework-agnostic JavaScript library that enables recording, replaying, and stubbing HTTP interactions.
Check it out
Image Inconsistencies: How and When Browsers Download Images
Some great insights to the way browsers manage images. By Harry Roberts.
Read it
Easier scrollytelling with position sticky
An article by Elaina Natario and Russell Goldenberg where they explain the easiest solution for the sticky graphic pattern.
Read it
The Firefox Shape Path Editor
Jen Simmons shows how to use the Firefox Shape Path Editor tool to help you edit basic clip path shapes in CSS.
Watch it
Gifdancer
A fun idea for party visuals: a flow of GIFs related to a keyword.
Check it out
Free Font: Morganite
A versatile typeface with 18 styles designed by Rajesh Rajput.
Get it
Mobile Mockup
A simple tool for creating beautiful mobile mockups.
Check it out
The new (and old) CSS units you've never heard about
Massimo Artizzu introduces some interesting new CSS units.
Read it
Understanding the Almighty Reducer
Learn all about the reduce() method in JavaScript. By Sarah Drasner.
Read it
Capi Restaurant iOS UI Kit (PSD, Sketch)
A beautiful UI kit made by Capi Creative.
Get it
CSS Bear Toggle
A cute bear toggle made by Anastasia Goodwin.
Check it out
The Trouble with D3
Ian Johnson explains how a common misconception about D3 seems to make it difficult to learn for some.
Check it out
Coffee anyone?
Mikael Ainalem created this fun morphing button demo.
Check it out
CSS Micro Reset
A bare bones, minimal CSS reset by Vladimir Carrer.
Check it out