Inspirational Website of the Week: ContraryCon IV
A functional design with unique elements and great typography. Our pick this week.
TM One: get everything for building websites
8,500+ products in One package: from themes to extensions & graphics elements.
Mosaic
Mosaic is a declarative front-end JavaScript library for building user interfaces.
NEORT (Beta)
NEORT is digital art platform for creators to share artworks and learn the skills beyond technology.
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.
The Boolean Game
A game for learning how to use boolean operations in Adobe Illustrator, Sketch, Figma, and other vector editors.
ethical.net
An open, growing list of 150+ vetted resources for ethical living.
An Illustrated (and Musical) Guide to Map, Reduce, and Filter Array Methods
Una Kravets’ creative way to explain map, reduce, and filter.
Friendly Faces
An inclusive, illustrative avatar creator made by Chris Vasquez and Sean Metzgar.
Generative.fm
Endlessly unique ambient music with AI. Read more about the project in this article.
Multiscale Turing Patterns
A fantastic WebGL powered implementation of a multi-scale Turing pattern simulator. Read more in this article.
How To Organize Files In A Design Agency
An article that highlights the file organization method of a design agency.
Design Titles
A satirical title generator for designers seeking a title apart from other designers.
EU Copyright Directive Approved – Without Amendments
Read about the final decision of the European Parliament to approve the controversial copyright directive.
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.
Breaking CSS Custom Properties out of :root Might Be a Good Idea
Kevin Powell shows when locally scoped custom properties can be useful.
Magical Light Tunnel
A 1024 bytes small demo by Jani Ylikangas for the JS1k 2019 edition.
Building Real-Time Charts With GraphQL And Postgres
A tutorial by Rishichandra Wawhal on how to create real-time charts using GraphQL and Postgres.
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.
Deprecation Notice: MIT and BSD
Kyle E. Mitchell explains why it’s time to retire thirty-year-old academic licenses.
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.
Illustration Gallery
Royalty-free illustrations that you can use in commercial projects.
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.
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”.
Collective #503 was written by Pedro Botelho and published on Codrops.