Collective #441

Original Source: http://feedproxy.google.com/~r/tympanus/~3/VV1-42EoQ-E/

Our Sponsor
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

Collective #441 was written by Pedro Botelho and published on Codrops.