Collective #416
Publikováno: 17.5.2018
Responsive tables, revisited * Screely * Working Type * backdrop-filter * Dumb React * A Strategy Guide To CSS Custom Properties
Collective #416 was written by Pedro Botelho and published on Codrops.

Inspirational Website of the Week: Hypergiant
An awesome retro design with a great flow and nice details. Our pick this week.

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.

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

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

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

Free Font: Lash
Mehmet Reha Tugcu designed this display font with a distressed look.

12 Languages Icon Set
A lovely set of language character vector icons designed by Max Panchyk.

Crypto App iOS UI Kit
A crypto currency management app UI kit designed by Kishore.

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

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.

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

Smart Home Temperature Slider
A thermometer concept for a smart home by Chris Gannon.

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

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

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

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

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

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

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.

Rotating Circles with Canvas2D
Yoichi Kobayashi created this nice canvas demo.

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.

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

Free Font: Abster
A great looking minimal font designed by Rachel Manch.
Collective #416 was written by Pedro Botelho and published on Codrops.