Collective #406

Inspirational Website of the Week: Célia Lopez
A great design with some futuristic details and effects. Our pick this week.
Get inspired
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 today
Color: From Hexcodes to Eyeballs
Jamie Wong's fantastic exploration of electromagnetic radiation, optical biology, colorimetry, and display hardware.
Read it
@keyframers 1.0.0
The @keyframers premier, where David Khourshid and Stephen Shaw live code an animation.
Watch it
Displaying the Weather With Serverless and Colors
Join Burke Holland in this fun project where he builds a weather bulb that shows a certain color based on the outside temperature.
Read it
Glide 3.0
The carousel library Glide has evolved into a dependency-free and light-weight script. Made by Jędrzej Chałubek.
Check it out
Brutalist design is the bad influence we all need
An interesting read by Maria Grilo where she explains Brutalist design.
Read it
Why React needed yet another animation library. Introducing: react-spring
Read all about react-spring, a new animation library for React. By Paul Henschel.
Read it
Free Font: Quiapo Free
A great brush typeface inspired by the signs hanged behind the windshield of Filipino jeepneys. By Aaron Amar.
Free Font
Geometric Letters
Alaa Alnuaimi designed this geometric font that reuses a small number of simple geometric shapes.
Check it out
ES6 Syntax and Feature Overview
An introduction to ES6 syntax and features, such as classes, Promises, constants, and destructuring, with one-to-one comparisons to older versions of JavaScript. By Tania Rascia.
Read it
Going Offline
Chapter 1 of Jeremy Keith's new book "Going Offline".
Read it
Sneak Peek at WebAssembly Studio
Learn about WebAssembly.Studio, an online IDE that helps you learn and teach others about WebAssembly.
Read it
The State of Web Animation
Megan Zlock explores the current state of web animations in this two part series. Check out part 1, too.
Read it
Productivity
A very interesting read on productivity by Sam Altman.
Read it
Fuzzball
Great three.js fun with David Lenaerts' Fuzzball.
Check it out
Editorial Design and CSS Grid: Inspiration and examples
To illustrate (and celebrate) the approach between editorial design and web design, Ricardo Prieto has set out to design some pages of the 99U Quarterly Magazine with CSS Grid.
Read it
How CSS works: Parsing & painting CSS in the critical rendering path
Benjamin Johnson's first article in a series where he takes a deep dive into exploring CSS as well as its attached ecosystem.
Read it
Moose
Great free stock photos that are made to fit together.
Check it out
Top JavaScript VSCode Extensions for Faster Development
Arfat Salman lists some great VSCode extensions he uses on a day-to-day basis.
Read it
Free Font: Atalanta
A strong display typeface designed by Jose Manuel Vega.
Get it
Memphis Space Seamless Patterns
Some gorgeous retro Memphis patterns made by Creative Veila.
Get it