Collective #387
![C387_wotw](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C387_wotw.jpg?x86293)
Inspirational Website of the Week: Antoni
Super smooth transitions and a great design. Our pick this week.
Get inspired![C387_treehouse](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C387_treehouse.png?x86293)
Gain new skills to boost your career - Learn CSS with Treehouse
Add to your creative tool box. You can push pixels, but can you build a responsive web design? Start your path to becoming a front-end web developer, or brush up on your skills with our CSS course. We'll walk through everything you need to know to build web pages.
Claim your free trial![C387_pigment](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C387_pigment.jpg?x86293)
Pigment
One of the fantastic design tools made by ShapeFactory.
Check it out![C387_emeyer](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C387_emeyer.jpg?x86293)
CSS: The Definitive Guide, 4th Edition
An excerpt from Chapter 19, "Filters, Blending, Clipping, and Masking", of "CSS: The Definitive Guide" by Eric Meyer and Estelle Weyl.
Read it![C387_icons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C387_icons.jpg?x86293)
Let's make multi-colored icons with SVG symbols and CSS variables
A great technique by Sarah Dayan for multi-colored SVG icon symbols.
Read it![C387_BEM](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C387_BEM.jpg?x86293)
Grandchild elements in BEM
Luke Whitehouse writes about the unpleasant issue of grandchild elements in BEM and some options for dealing with it.
Read it![C387_cssgrid](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C387_cssgrid.jpg?x86293)
Grid Examples
A place to get inspiration for CSS Grid layout examples in the wild.
Check it out![C387_browsercomp](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C387_browsercomp.jpg?x86293)
mdn-browser-compat-data
A repository that contains browser compatibility data that describes which platforms support particular Web APIs. Read more about it in this article.
Check it out![C387_Caire](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C387_Caire.jpg?x86293)
Caire
Caire is a content aware image resize library that leaves the most important part of the image.
Check it out![C387_stimulus](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C387_stimulus.jpg?x86293)
Stimulus 1.0: A modest JavaScript framework for the HTML you already have
Read about the Stimulus JavaScript framework in this article by David Hansson.
Read it![C387_browsersketching](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C387_browsersketching.jpg?x86293)
Sketching in the Browser
Mark Dalgleish shares the great journey of the work that aims to bridge web design and development.
Read it![C387_serverless](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C387_serverless.jpg?x86293)
The Power of Serverless for Front-End Developers
Useful info and resources on serverless for web developers.
Check it out![C387_Snakes](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C387_Snakes.jpg?x86293)
I shall resist
A beautiful demo for snake lovers by Gerard Ferrandez.
Check it out![C387_shittiest](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C387_shittiest.jpg?x86293)
Shittiest Project Ever
Smile Studio presents the shittiest project ever to waste your time ;)
Check it out![C387_4billion](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C387_4billion.jpg?x86293)
Digital in 2018: World's internet users pass the 4 billion mark
Some very interesting report insights from We Are Social and Hootsuite.
Read it![C387_palette](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C387_palette.jpg?x86293)
Dribbble Color Palette Generator
Generate a .sketchpalette file from any Dribbble shot's color palette to be loaded in the Sketch-Palette plugin. By Amie Chen.
Check it out![C387_varfonts](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C387_varfonts.jpg?x86293)
One File, Many Options: Using Variable Fonts on the Web
Ollie Williams shows how to use variable fonts in your web projects.
Read it![C387_easytimer](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C387_easytimer.jpg?x86293)
EasyTimer.js
An easy-to-use timer library compatible with AMD and NodeJS.
Check it out![C387_pwa](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C387_pwa.jpg?x86293)
An introduction to Progressive Web Apps
A great guide to Progressive Web Apps (PWA) by Flavio Copes.
Read it![C387_vr](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C387_vr.jpg?x86293)
Web AR with smart plugs using A-frame
First part of an article series about using Web AR using A-Frame to visualize energy consumption using Wemo smart plugs connected to home appliances. By Gemma Vincent.
Read it![C387_jscopy](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C387_jscopy.jpg?x86293)
Deep-copying in JavaScript
An interesting guide for copying an object in JavaScript.
Check it out![C387_varfontsuse](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C387_varfontsuse.jpg?x86293)
How to use variable fonts in the real world
An interesting article by Richard Rutter on the challenges of using variable fonts.
Read it![C387_sun](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C387_sun.jpg?x86293)
GLSL: Underwater Sun
A great GLSL demo by Liam Egan.
Check it out