Collective #424
Publikováno: 14.6.2018
Generative artistry * Gifdancer * Sonar * Polly.js * CSS Micro Reset * Gradient Joy * Making Web Components Work
Collective #424 was written by Pedro Botelho and published on Codrops.

Inspirational Website of the Week: Supremo
Beautiful elegance and interesting playfulness make the website of Supremo a real gem. Our pick this week.

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.

Generative artistry
Tim Holman started this awesome generative art tutorial site.

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.

Gradient Joy
Nice gradient placeholder images for your projects.

Your Brain on Front-End Development
Chris Coyier shares what he sees and thinks of when he looks at a design.

Making Web Components Work
A great read by Ted Dumitrescu on Web Components.

Polly.js
Polly.js by Netflix is a standalone, framework-agnostic JavaScript library that enables recording, replaying, and stubbing HTTP interactions.

Image Inconsistencies: How and When Browsers Download Images
Some great insights to the way browsers manage images. By Harry Roberts.

Easier scrollytelling with position sticky
An article by Elaina Natario and Russell Goldenberg where they explain the easiest solution for the sticky graphic pattern.

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.

Gifdancer
A fun idea for party visuals: a flow of GIFs related to a keyword.

Free Font: Morganite
A versatile typeface with 18 styles designed by Rajesh Rajput.

Mobile Mockup
A simple tool for creating beautiful mobile mockups.

The new (and old) CSS units you’ve never heard about
Massimo Artizzu introduces some interesting new CSS units.

Understanding the Almighty Reducer
Learn all about the reduce() method in JavaScript. By Sarah Drasner.

Capi Restaurant iOS UI Kit (PSD, Sketch)
A beautiful UI kit made by Capi Creative.

CSS Bear Toggle
A cute bear toggle made by Anastasia Goodwin.

The Trouble with D3
Ian Johnson explains how a common misconception about D3 seems to make it difficult to learn for some.

Coffee anyone?
Mikael Ainalem created this fun morphing button demo.

CSS Micro Reset
A bare bones, minimal CSS reset by Vladimir Carrer.
Collective #424 was written by Pedro Botelho and published on Codrops.