Collective #216
![Collective216_quechua](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective216_quechua.jpg?x25555)
Inspirational Website of the Week: Quechua
A great design that utilizes depth and bold typography to create a stunning experience.
Get inspired![Collective216_Flatiron](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective216_Flatiron.jpg?x25555)
A School for People Who Love to Create
Level up your programming skills. Join Flatiron School's state-of-the-art online campus. Start with a free trial.
Try it![Collective216_ColorLisa](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective216_ColorLisa.jpg?x25555)
Color Lisa
Color Lisa is a curated list of color palettes based on masterpieces of the worlds greatest artists.
Check it out![Collective216_Flexboxpattern](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective216_Flexboxpattern.png?x25555)
Flexbox Patterns
A collection of very useful flexbox patterns for all kinds of web components. By CJ Cenizal.
Check it out![Collective216_quish](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective216_quish.jpg?x25555)
Free Font: Quish
A lovely handwritten display typeface made by Gabriela Octavia.
Get it![Collective216_SpeakWeb](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective216_SpeakWeb.png?x25555)
Web designers, can you speak web?
An excellent article by Hui Jing that sheds a new light onto the "coding designers" debate.
Read it![Collective216_modaal](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective216_modaal.jpg?x25555)
Modaal
A WCAG 2.0 Level AA accessible modal window solution by Humaan.
Check it out![Collective216_firefoxhello](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective216_firefoxhello.jpg?x25555)
Firefox Hello
A great feature of Firefox that will allow you to browse Web pages with your friends.
Check it out![Collective216_styleguide](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective216_styleguide.jpg?x25555)
Styleguide
With this great project you can create living, interactive styleguides really easily. By the Devbridge Group.
Check it out![Collective216_showbox](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective216_showbox.jpg?x25555)
Showbox
With Showbox you can easily create studio-quality video content.
Check it out![Collective216_Runner](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective216_Runner.jpg?x25555)
Sketch Runner
With Runner you can accelerate your Sketch workflow by running smart keyboard commands.
Check it out![Collective216_wyre](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective216_wyre.jpg?x25555)
Wyre: Web Layout Flowcharts (AI, EPS, SVG )
A fantastic toolkit for designing sitemaps and mockups rapidly. By Petr Knoll for Pixel Buddha.
Get it![Collective216_Scrollbear](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective216_Scrollbear.jpg?x25555)
Scrollbear
Scrollbear helps maintain the scroll position of a container while images are being loaded which helps avoid nasty jumps while reading content. Made by Howard Chang.
Check it out![Collective216_ooux](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective216_ooux.jpg?x25555)
OOUX: A Foundation for Interaction Design
An insightful article by Sophia Voychehovski on how to get started with "Object-Oriented UX" for a complex project.
Read it![Collective216_maintainablecss](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective216_maintainablecss.jpg?x25555)
MaintainableCSS
MaintainableCSS by Adam Silver will teach you how to write modular, scalable and maintainable CSS.
Check it out![Collective216_restartpage](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective216_restartpage.jpg?x25555)
The Restart Page
The Restart Page is a tribute to all the great operating systems with their classy restart dialogs.
Check it out![Collective216_uxforms](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective216_uxforms.jpg?x25555)
Designing UX Login Form and Process
Some great tips for designing efficient login forms with practical examples. By Nick Babich.
Read it![Collective216_responsivelogocomposition](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective216_responsivelogocomposition.jpg?x25555)
Responsive Logo Composition With SVG
Some great SVG and CSS trickery for responsive logo compositions by Tyler Sticka.
Check it out![Collective216_montano](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective216_montano.jpg?x25555)
Free Font: Montano
A really nice handwritten font designed by Brian Hermelijn.
Get it![Collective216_webfontloadingpatterns](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective216_webfontloadingpatterns.jpg?x25555)
Web Font Loading Patterns
Some essential font loading patterns that will help you implement custom font loading behavior that works in all browsers. By Bram Stein.
Read it![Collective216_ryanair](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective216_ryanair.jpg?x25555)
Priority Queue — Designing Ryanair’s Boarding Pass
The great story behind the new design of the Ryanair boarding pass.
Check it out