Collective #221

Inspirational Website of the Week: Sagmeister & Walsh
A novel retro-like design with fresh typography and interesting effects. Our pick this week.
Get inspired
Get 5+ Job Offers in 1 Week with Hired
On Hired, sign up and start getting offers from top companies like Facebook, Uber & Stripe
Check it out
Family.scss
Family.scss is a set of super-useful Sass mixins makes working with nth-child selectors a breeze. By Lucas Bonomi.
Check it out
Taking The Robots To Design School
Read about Jon Gold's fascinating work of merging typographic design and artificial intelligence.
Read it
Flex Layout Attribute
A helper for creating flexbox layouts with simple shorthands by using two custom HTML attributes, 'layout' and 'self'. Made by StefanKovac.
Check it out
bideo.js
Bideo.js is a JavaScript library that makes integrating fullscreen video backgrounds on websites easy.
Check it out
Algorithm Visualizer
See algorithms in action with this great project by Jason Park.
Check it out
Developing Dependency Awareness
Aaron Gustafson shows how important dependency awareness is and how disastrous it can be to neglect it.
Read it
HEAD
A collection of all HTML head elements with information and recommendations on usage. By Josh Buchea.
Check it out
scribble.audio
Kyle Stetz created this awesome project that allows to "scribble" some cool loops.
Check it out
Vanilla List
A collection of dependency-free JavaScript plugins. By the forks of TL;DR.
Check it out
Building a Visual Language
Karri Saarinen from Airbnb gives some great insight to the company's new design system.
Read it
Free Font: Bravery
A playful and elegant free font designed by the Pollux of Geminorum Type Foundry.
Get it
Debugging CSS
Ben Frain writes about a solid and efficient CSS debugging approach.
Read it
Nature vector icons (EPS, AI, SVG)
A lovely vector icon set designed by EverydayTemplate.
Get it
Pavilion
A solid and clean CSS framework for your next project. Made by Wessel Grift.
Check it out
My process of creating the Arriva web site
A fantastic and complete making-of the Arriva website by Veerle Pieters.
Read it
CSS When/Else Rules
A proposal to extend the concept of CSS conditional rules to arbitrary when/else chains, and supporting this, a proposal to unify the disparate conditional rules into a single grammar. By Tab Atkins-Bittner.
Check it out
Free Font: Stuff & Things Co.
A free hand drawn display font designed by Aaron May.
Check it out
Nerding Out With Bezier Curves
Learn some interesting things about Bezier curves and discover the Math behind them in this article by Nash Vail.
Check it out
Deco IDE
Build React Native apps with Deco IDE (for Mac) which is now free and open source.
Check it out
40 Tool Icons (AI, EPS, SVG, PNG)
A classy icon set of tool icons designed by Trinh Ho.
Get it