Collective #201

Inspirational Website of the Week: SFCD
An explosion of creative design and perfect typography with smooth effects. Our pick this week.
Get inspired
Colofilter.css
Some cool filters in "DuoTone" style that use the power of CSS blend modes. Made by Lucas Bonomi.
Check it out
The Designer News Market
A new marketplace with high quality design assets from various designers.
Check it out
Content & Display Patterns
A fantastic article by Dan Mall on pattern design and the difference between content and display patterns.
Read it
Blending Modes Demystified
A great tutorial by Justin McDowell that will explain CSS Blend Modes the practical way.
Read it
The Website Obesity Crisis
The text version of Maciej Cegłowski's insightful talk at Web Directions 2015.
Read it
Introducing Javascript Tips
Read a useful JS tip every day. A project by Joel Lovera.
Check it out
React Container Query
Get true modularity for responsive components with this library made by Daiwei Lu.
Check it out
Vertical Fixed Navigation
A great component with an innovative way of showing navigation dots made by Claudia Romano from CodyHouse.
Check it out
ColorFavs
A great new way to create and discover new colors for all of your projects. Made by Deron Sizemore.
Check it out
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
Free Font: Arabella
A fine handwritten font designed by MySunday Type Foundry.
Get it
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
Image Editing Icons (AI, PSD)
A set of 25 icons related to image editing made by the folks of EpicPxls.
Get it
Milligram
A very compact and minimalist CSS framework made by CJ Patoilo.
Check it out
Free Font: BRUX BOLD
A slick brush font with lots of personality. Available for free at FGD.
Get it
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
Free Font: Poste
Rômulo Gobira designed this lovely wired font that he offers for free download.
Get it
DuoTone themes
A set of superb DuoTone themes for Atom by Simurai.
Check it out
Revisiting Firefox's DevTools
Learn all about Firefox's DevTools in this article by Patrick Brosset.
Read it
WP Secure Forms
WP Secure Forms generates secure AJAX forms for use in WordPress themes.
Check it out