Collective #206

Inspirational Website of the Week: Love Notes
Spotify's "Love Notes" is an explosion of colors and smooth interactions. Our pick this week.
Get inspired
If you build websites, you should know about this CMS
LightCMS gives you all the tools you need to scale your web design business with ease, and you can even white label your designs.
Check it out
Finessing `feColorMatrix`
Una Kravets will show you how to use the feColorMatrix SVG filter for creative color manipulation effects.
Read it
Home Appliance And Real Estate Icons
A fantastic set of icons related to home appliances and real estate by Funline Icons for Smashing Magazine.
Get it
A Gentle Introduction to Functional JavaScript
A gentle and extremely stylish introduction to functional JavaScript by James Sinclair.
Read it
How to Contribute to an Open Source Project on GitHub
In this course, Kent C. Dodds will teach you everything you need to know about contributing to open source projects.
Check it out
himawari.js
Download real-time images of Earth from the Himawari-8 satellite. It takes photographs of our planet every 10 minutes.
Check it out
Introducing Vector Networks
Read about the incredible work on vector networks at figma in this article by Evan Wallace.
Read it
Valentine's Day Icon (SVG, Sketch)
Super-cute Valentine's Day icons by WORAWALUNS.
Get it
Oil Change & Pizza
Dan Mall's advice for design agencies on how to avoid over-generalizing their skill set but instead be good at one thing only.
Read it
Beetle Go
Once released as free HTML theme, Beetle is now available as a free WordPress theme for creatives.
Get it
The future of loading CSS
Jake Archibald explains in detail how the changes in stylesheet loading in Chrome work and what implications that has.
Read it
Free Font: ANURATI
Emmeran Richard designed this creative typeface with a unique look.
Get it
Deep Dive into Grid Layout Placement
Manuel Rego Casasnovas gives a comprehensive review of the different methods provided by CSS Grid Layout spec for positioning elements.
Read it
git-blame-someone-else
Jay Phelps just opened Pandora's box.
Check it out
Free Font: Hadron Sans
A unique warped typeface designed by James Lewis and Germán Leal.
Get it
Rodeo: Hand Drawn Rope Brush (Ai CC)
A hand-drawn rope brush for Adobe Illustrator CC by Ray Domroski.
Get it
Migrate your code with the GitHub Importer
If you have source code in Subversion, Mercurial, Team Foundation Server, or another Git repository, you can now quickly and easily move that code to GitHub with the GitHub Importer.
Get it
Elton UI Kit (PSD)
A beautiful and functional UI kit by PixelBuddha.
Get it
diff-so-fancy
Good-lookin' diffs with diff-highlight and more by Steve Mao.
Check it out