Collective #503

Original Source: http://feedproxy.google.com/~r/tympanus/~3/uNjRd_Bs1xM/

Inspirational Website of the Week: ContraryCon IV

A functional design with unique elements and great typography. Our pick this week.

Get inspired

Our Sponsor
TM One: get everything for building websites

8,500+ products in One package: from themes to extensions & graphics elements.

Join now

Mosaic

Mosaic is a declarative front-end JavaScript library for building user interfaces.

Check it out

NEORT (Beta)

NEORT is digital art platform for creators to share artworks and learn the skills beyond technology.

Check it out

Why Build Progressive Web Apps: Track offline, or it didn’t happen

In this episode of “Why Build Progressive Web Apps”, Thomas Steiner shows how you can add offline analytics tracking with the Workbox libraries to your PWA to track events while the user is offline.

Watch it

The Boolean Game

A game for learning how to use boolean operations in Adobe Illustrator, Sketch, Figma, and other vector editors.

Play it

ethical.net

An open, growing list of 150+ vetted resources for ethical living.

Check it out

An Illustrated (and Musical) Guide to Map, Reduce, and Filter Array Methods

Una Kravets’ creative way to explain map, reduce, and filter.

Read it

Friendly Faces

An inclusive, illustrative avatar creator made by Chris Vasquez and Sean Metzgar.

Check it out

Generative.fm

Endlessly unique ambient music with AI. Read more about the project in this article.

Check it out

Multiscale Turing Patterns

A fantastic WebGL powered implementation of a multi-scale Turing pattern simulator. Read more in this article.

Check it out

How To Organize Files In A Design Agency

An article that highlights the file organization method of a design agency.

Read it

Design Titles

A satirical title generator for designers seeking a title apart from other designers.

Check it out

EU Copyright Directive Approved – Without Amendments

Read about the final decision of the European Parliament to approve the controversial copyright directive.

Read it

How to create a dark/light mode switch in CSS and JavaScript

Sebastiano Guerriero shows how to create a dark theme for a web project, and how to switch from a default (light) theme to a dark one with the help of CSS Custom Properties.

Read it

Breaking CSS Custom Properties out of :root Might Be a Good Idea

Kevin Powell shows when locally scoped custom properties can be useful.

Read it

Magical Light Tunnel

A 1024 bytes small demo by Jani Ylikangas for the JS1k 2019 edition.

Check it out

Building Real-Time Charts With GraphQL And Postgres

A tutorial by Rishichandra Wawhal on how to create real-time charts using GraphQL and Postgres.

Read it

indigo-player

A highly extensible, modern, TypeScript video player with support for the most popular stream formats, subtitles, out-of-the-box advertising, picture in picture, thumbnails and more.

Check it out

Deprecation Notice: MIT and BSD

Kyle E. Mitchell explains why it’s time to retire thirty-year-old academic licenses.

Read it

Standardizing WASI: A system interface to run WebAssembly outside the web

Lin Clark writes about the new standardization effort?for a WebAssembly system interface, WASI.

Read it

Illustration Gallery

Royalty-free illustrations that you can use in commercial projects.

Check it out

Add AR Effects to Products & Places with Tracked Images

Learn how to use Torch for layering contextually relevant information in 3D space with augmented reality.

Read it

From Our Blog
Exploding 3D Objects with Three.js

A set of WebGL demos that show an exploding 3D object animation inspired by “Kubrick Life Website: 3D Motion”.

Check it out

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