Collective #150
![Collective150_wonderfulcolorado](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/01/Collective150_wonderfulcolorado.png?x86293)
Inspirational Website of the Week: Wonderful Colorado
A beautiful design with excellent typography and a clean layout. Our pick this week.
Get inspired![Collective150_Flexbugs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/01/Collective150_Flexbugs.png?x86293)
Flexbugs
A list of cross-browser flexbox issues and their workarounds. Based on this article by Phil Walton.
Check it out![Collective150_zeroelementloadinganim](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/01/Collective150_zeroelementloadinganim.png?x86293)
Zero element loading animations
A great pseudo-elements method for adding CSS loading animations without additional markup. By Mike Riethmuller.
Check it out![Collective150_3dcurtaintemplate](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/01/Collective150_3dcurtaintemplate.png?x86293)
3D Curtain Template
A great tutorial on how to create a beautiful layout with a curtain-like effect on scroll. By Claudia Romano from CodyHouse.
Check it out![Collective150_webfonts](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/01/Collective150_webfonts.jpg?x86293)
How we use web fonts responsibly, or, avoiding a @font-face-palm
Some very useful methods for including web fonts more efficiently. An article by Zach Leatherman from the Filament Group.
Read it![Collective150_theaterjs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/01/Collective150_theaterjs.png?x86293)
TheaterJS
With TheaterJS you can have typing effects that mimic human behavior. Made by Gabin Aureche.
Check it out![Collective150_guidetomockups](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/01/Collective150_guidetomockups.png?x86293)
The Guide to Mockups
A free e-book that will teach you about different mockup types, methods and best practices.
Get it![Collective150_sassguidelines](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/01/Collective150_sassguidelines.png?x86293)
Sass Guidelines
An in-depth guide on how to write maintainable and scalable Sass by Hugo Giraudel.
Check it out![Collective150_conditionalformfields](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/01/Collective150_conditionalformfields.png?x86293)
Quick tip: conditional form fields with CSS
A valuable break down of using the :checked pseudo class and the adjacent sibling selector for showing conditional elements by Christian Heilmann.
Check it out![Collective150_nodewebkit](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/01/Collective150_nodewebkit.png?x86293)
Creating Your First Desktop App With HTML, JS and Node-WebKit
Danny Markov shows you how to get started with Node-WebKit for creating a desktop app.
Check it out![Collective150_365designers](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/01/Collective150_365designers.png?x86293)
365 awesome designers
365 awesome designers is a small project by WILD, where they post one designer each day for one year.
Check it out![Collective150_dashel](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/01/Collective150_dashel.png?x86293)
Dashel Icon Set (45 Icons, SVG, PSD, PNG)
An absolutely gorgeous free icon set made by Matt Skiles for Smashing Magazine.
Get it![Collective150_canvasimagespixels](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/01/Collective150_canvasimagespixels.png?x86293)
Canvas, images and pixels
A tutorial by Christian Heilmann that explains some of the features of Logo-O-Matic, with detailed information on how to manipulate pixel images in Canvas. Read more about it here.
Check it out![Collective150_printcss](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/01/Collective150_printcss.png?x86293)
Designing For Print With CSS
An interesting article by Rachel Andrew on designing for print with CSS including formatting books, catalogs and brochures.
Read it![Collective150_coremodel](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/01/Collective150_coremodel.png?x86293)
The Core Model: Designing Inside Out for Better Results
A great article by Ida Aalen on how a "homepage last" or core model approach for designing a website can help getting things done better.
Check it out![Collective150_crosstab](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/01/Collective150_crosstab.png?x86293)
Cross-tab Communication
Nicolas Bevacqua explores cross-browser cross-tab communication using localStorage
. He has also put together a module, local-storage, that provides a simplified API to localStorage.
![Collective150_godlogin](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/01/Collective150_godlogin.png?x86293)
The God Login
How would God build a login dialog? Jeff Atwood shares his experience with building the login for Discourse.
Read it![Collective150_HTMLImports](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/01/Collective150_HTMLImports.png?x86293)
Introduction to HTML Imports
Learn about HTML Imports, what they are and how to use them. An article by Eiji Kitamura.
Check it out![Collective150_wildtypeface](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/01/Collective150_wildtypeface.jpg?x86293)
Free Font: Wild Spaces
Wild Spaces is a beautiful font for outdoor related designs. Made by Nathan Brown for WeGraphics.
Check it out