Collective #221
![Collective221_sagmeister](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/05/Collective221_sagmeister.png?x86293)
Inspirational Website of the Week: Sagmeister & Walsh
A novel retro-like design with fresh typography and interesting effects. Our pick this week.
Get inspired![Collective_Hired_2](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/05/Collective_Hired_2.png?x86293)
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![Collective221_familyscss](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/05/Collective221_familyscss.png?x86293)
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![Collective221_robotdesignschool](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/05/Collective221_robotdesignschool.png?x86293)
Taking The Robots To Design School
Read about Jon Gold's fascinating work of merging typographic design and artificial intelligence.
Read it![Collective221_flexbox](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/05/Collective221_flexbox.png?x86293)
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![Collective221_bideojs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/05/Collective221_bideojs.png?x86293)
bideo.js
Bideo.js is a JavaScript library that makes integrating fullscreen video backgrounds on websites easy.
Check it out![Collective221_algorithmvisualizer](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/05/Collective221_algorithmvisualizer.png?x86293)
Algorithm Visualizer
See algorithms in action with this great project by Jason Park.
Check it out![Collective221_dependencyawareness](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/05/Collective221_dependencyawareness.png?x86293)
Developing Dependency Awareness
Aaron Gustafson shows how important dependency awareness is and how disastrous it can be to neglect it.
Read it![Collective221_head](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/05/Collective221_head.png?x86293)
HEAD
A collection of all HTML head elements with information and recommendations on usage. By Josh Buchea.
Check it out![Collective221_scribbleaudio](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/05/Collective221_scribbleaudio.png?x86293)
scribble.audio
Kyle Stetz created this awesome project that allows to "scribble" some cool loops.
Check it out![Collective221_vanillalist](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/05/Collective221_vanillalist.png?x86293)
Vanilla List
A collection of dependency-free JavaScript plugins. By the forks of TL;DR.
Check it out![Collective221_visuallanguage](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/05/Collective221_visuallanguage.png?x86293)
Building a Visual Language
Karri Saarinen from Airbnb gives some great insight to the company's new design system.
Read it![Collective221_bravery](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/05/Collective221_bravery.png?x86293)
Free Font: Bravery
A playful and elegant free font designed by the Pollux of Geminorum Type Foundry.
Get it![Collective221_debuggingcss](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/05/Collective221_debuggingcss.png?x86293)
Debugging CSS
Ben Frain writes about a solid and efficient CSS debugging approach.
Read it![Collective221_natureicons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/05/Collective221_natureicons.png?x86293)
Nature vector icons (EPS, AI, SVG)
A lovely vector icon set designed by EverydayTemplate.
Get it![Collective221_PAVILION](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/05/Collective221_PAVILION1.png?x86293)
Pavilion
A solid and clean CSS framework for your next project. Made by Wessel Grift.
Check it out![Collective221_Arrivawebdesign](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/05/Collective221_Arrivawebdesign.jpg?x86293)
My process of creating the Arriva web site
A fantastic and complete making-of the Arriva website by Veerle Pieters.
Read it![Collective221_CSSifwhen](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/05/Collective221_CSSifwhen.png?x86293)
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![Collective221_StuffnThingscoFreefont](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/05/Collective221_StuffnThingscoFreefont.jpg?x86293)
Free Font: Stuff & Things Co.
A free hand drawn display font designed by Aaron May.
Check it out![Collective221_nerdingoutbezier](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/05/Collective221_nerdingoutbezier.png?x86293)
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![Collective221_decoide](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/05/Collective221_decoide.png?x86293)
Deco IDE
Build React Native apps with Deco IDE (for Mac) which is now free and open source.
Check it out![Collective221_toolicons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/05/Collective221_toolicons.png?x86293)
40 Tool Icons (AI, EPS, SVG, PNG)
A classy icon set of tool icons designed by Trinh Ho.
Get it