Collective #441

Practice Makes Perfect - Free coding interviews
Can you ace a coding interview? Make sure you can. Use Pramp – practice your coding skills with peers and get job offers from top companies.
Practice for free
On Switching from HEX & RGB to HSL
Learn all about the powerful color format HSL in this article by Sara Soueidan.
Read it
Switch Font Color for Different Backgrounds with CSS
Fucando Corradini's pure CSS solution to the problem of changing the text color according to the background.
Read it
GRID: A simple visual cheatsheet for CSS Grid Layout
A great visual reference to all CSS Grid properties. By Chris Malven.
Check it out
Motion & Playfulness
Benjamin De Cock shares real-world examples and best practices on how to deliver efficient and enjoyable user experiences.
Watch it
Reuleaux Polygons
A great exploration of Reuleaux polygons: learn how to construct them, morph them and rotate them within a square. By Varun Vachhar.
Check it out
TinyEditor
A very small functional HTML/CSS/JS editor made by Tom Ross.
Check it out
Create a 13 JavaScript game in 30 days with js13kGames
Read about this year's js13Kgames challenge and how to participate.
Read it
Fake 3D effect with depth map
Robin Delaporte's replication of a "fake" 3D effect using a depth map as seen on Epicurrence.
Check it out
Introducing Electron Fiddle
Felix Rieseberg introduces Electron Fiddle that lets you create and play with small Electron experiments.
Read it
CSS Snake & Ladders
A multiplayer game developed only in HTML/CSS. By Alvaro Montoro.
Check it out
Vue CLI 3.0 is here!
Learn all about the third version of Vue CLI with all its new features.
Read it
Google AMP - A 70% drop in our conversion rate.
Nathan Kontny shares the results of rebuilding pages in Google AMP.
Read it
How I gained commit access to Homebrew in 30 minutes
A very interesting article by Eric Holmes on how he could gain access to Homebrew's GitHub repositories.
Read it
SuperSlide.js
A flexible, smooth, GPU accelerated sliding menu for your next PWA.
Check it out
100 days of Motion Design
Read how Tiantian Xu created 50 beautiful animations in 100 days.
Read it
What is Typesetting?
An excerpt from Chapter 1 of Tim Brown's "Flexible Typesetting" book.
Read it
Let's serve everyone good-looking content
Hidde de Vries shares his thoughts on using CSS Grid fallbacks.
Read it
Neede Design Resources
A collection of useful online resources for designers.
Check it out
Creating the "Perfect" CSS System
Lindsay Grizzard's high level guide for designers and developers on how to create and maintain a CSS system.
Read it
Data Fetching in Redux Apps - A 100% Correct Approach
Ohans Emmanuel shows how to do data fetching in Redux apps the right way.
Read it