Collective #503
Inspirational Website of the Week: ContraryCon IV
A functional design with unique elements and great typography. Our pick this week.
Get inspired
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
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