Collective #503

Original Source:


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


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


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



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.

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 *