Collective #201
![Collective201_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/01/Collective201_WOTW.jpg?x86293)
Inspirational Website of the Week: SFCD
An explosion of creative design and perfect typography with smooth effects. Our pick this week.
Get inspired![Collective201_colorfilter](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/01/Collective201_colorfilter.jpg?x86293)
Colofilter.css
Some cool filters in "DuoTone" style that use the power of CSS blend modes. Made by Lucas Bonomi.
Check it out![Collective201_DesignerNewsMarket](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/01/Collective201_DesignerNewsMarket.png?x86293)
The Designer News Market
A new marketplace with high quality design assets from various designers.
Check it out![Collective201_contentdisplaypatterns](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/01/Collective201_contentdisplaypatterns.jpg?x86293)
Content & Display Patterns
A fantastic article by Dan Mall on pattern design and the difference between content and display patterns.
Read it![Collective201_blendingmodes](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/01/Collective201_blendingmodes.jpg?x86293)
Blending Modes Demystified
A great tutorial by Justin McDowell that will explain CSS Blend Modes the practical way.
Read it![Collective201_Obesity](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/01/Collective201_Obesity.jpg?x86293)
The Website Obesity Crisis
The text version of Maciej Cegłowski's insightful talk at Web Directions 2015.
Read it![Collective201_jstips](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/01/Collective201_jstips.jpg?x86293)
Introducing Javascript Tips
Read a useful JS tip every day. A project by Joel Lovera.
Check it out![Collective201_reactcontainerqueries](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/01/Collective201_reactcontainerqueries.jpg?x86293)
React Container Query
Get true modularity for responsive components with this library made by Daiwei Lu.
Check it out![Collective201_verticalfixednav](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/01/Collective201_verticalfixednav.jpg?x86293)
Vertical Fixed Navigation
A great component with an innovative way of showing navigation dots made by Claudia Romano from CodyHouse.
Check it out![Collective201_colorfavs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/01/Collective201_colorfavs.jpg?x86293)
ColorFavs
A great new way to create and discover new colors for all of your projects. Made by Deron Sizemore.
Check it out![Collective201_wphooks](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/01/Collective201_wphooks.jpg?x86293)
Useful Tips To Get Started With WordPress Hooks
Thomas Maier will show you what WordPress hooks are and how you can use them in lots of cases.
Read it![Collective201_arabella](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/01/Collective201_arabella.jpg?x86293)
Free Font: Arabella
A fine handwritten font designed by MySunday Type Foundry.
Get it![Collective201_swissincss](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/01/Collective201_swissincss.jpg?x86293)
Swiss in CSS
Swiss in CSS is a homage to the International Typographic Style and the designers that pioneered the ideas behind the influential design movement.
Check it out![Collective201_imageediting](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/01/Collective201_imageediting.jpg?x86293)
Image Editing Icons (AI, PSD)
A set of 25 icons related to image editing made by the folks of EpicPxls.
Get it![Collective201_Milligram](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/01/Collective201_Milligram.png?x86293)
Milligram
A very compact and minimalist CSS framework made by CJ Patoilo.
Check it out![Collective201_bruxfont](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/01/Collective201_bruxfont.jpg?x86293)
Free Font: BRUX BOLD
A slick brush font with lots of personality. Available for free at FGD.
Get it![Collective201_howtofixabug](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/01/Collective201_howtofixabug.jpg?x86293)
How to fix a bug in an open-source project
Great advice from Nolan Lawson on how to fix a bug in an open-source project.
Read it![Collective201_Poste](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/01/Collective201_Poste.png?x86293)
Free Font: Poste
RĂ´mulo Gobira designed this lovely wired font that he offers for free download.
Get it![Collective201_DuoTone](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/01/Collective201_DuoTone.png?x86293)
DuoTone themes
A set of superb DuoTone themes for Atom by Simurai.
Check it out![Collective201_firefoxdevtools](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/01/Collective201_firefoxdevtools.jpg?x86293)
Revisiting Firefox's DevTools
Learn all about Firefox's DevTools in this article by Patrick Brosset.
Read it![Collective201_WPForm](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/01/Collective201_WPForm.png?x86293)
WP Secure Forms
WP Secure Forms generates secure AJAX forms for use in WordPress themes.
Check it out