Collective #416

Original Source:


Inspirational Website of the Week: Hypergiant

An awesome retro design with a great flow and nice details. Our pick this week.

Get inspired


Our Sponsor
Want Enterprise Mobile Auth Simplified?

With 5 minutes and a few bits of config, you can build an app connected to OpenID, Active Directory, OAuth2 or SAML.

Learn more


A Strategy Guide To CSS Custom Properties

A fantastic guide for getting the most out of CSS Custom Properties by Michael Riethmuller.

Read it


Working Type

A case study that shows how a new typeface was introduced to Airbnb’s UI.

Read it


Build your own X

A repo that collects all kinds of “build your own” tutorials. By Daniel Stefanovic.

Check it out


Free Font: Lash

Mehmet Reha Tugcu designed this display font with a distressed look.

Get it


12 Languages Icon Set

A lovely set of language character vector icons designed by Max Panchyk.

Get it


Crypto App iOS UI Kit

A crypto currency management app UI kit designed by Kishore.

Get it



Screely instantly turns your screenshot or design into a beautiful image.

Check it out


Visualizing Your Smart Home Data with the Web of Things

James Hobin shows how to do a great mashup app for visualizing smart home data.

Read it


Building Reusable React Components

How to build reusable components in React along with some of the best practices to follow.

Read it


Smart Home Temperature Slider

A thermometer concept for a smart home by Chris Gannon.

Check it out


Safe ways to do things in bash

Some valuable advice on how to do things safely in bash and avoid common pitfalls.

Read it


Responsive tables, revisited

Lea Verou explores text-shadow and element() for responsive tables without duplicating content.

Read it


Wallpaper Generator

A tileable pattern generator with different options made by Tim Severien.

Check it out


The backdrop-filter CSS property

Robin Rendle takes a look at the magical backdrop-filter property and shows what can be done with it.

Read it


Easy Toggle State

A tiny JavaScript library to easily toggle the state of any HTML element and its targets.

Check it out


Dumb React

Dumb React is a collection of React components used to create a static (dumb) website screen. By Brad Frost.

Check it out


The Slow Death of Internet Explorer and the Future of Progressive Enhancement

An article by Oliver Williams where he argues that we shouldn’t break the backward compatibility of the web.

Check it out


Rotating Circles with Canvas2D

Yoichi Kobayashi created this nice canvas demo.

Check it out


Compile Vue.js templates on the Fly with v-runtime-template

Alex Jover Morales introduces v-runtime-template, a Vue component that makes it easy to compile and interpret a Vue.js template at runtime by using a v-html-like API.

Read it



A boilerplate for a fullstack GraphQL app with React and Prisma including authentication.

Get it


Free Font: Abster

A great looking minimal font designed by Rachel Manch.

Read it

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

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *