Collective #639
Radicle
A peer-to-peer stack for building software together. Without central servers and censorship.
Check it out
JavaScript Speed Coding Challenge
Are you ready to put your JavaScript skills to the test? Enter the challenge and see how you stack up among the world’s top developers!
Get started
Mannequin.js
Mannequin.js is a simple library of an articulated mannequin figure. The shape of the figure and its movements are done purely in JavaScript. The graphics is implemented in Three.js.
Check it out
A Utility Class for Covering Elements
Michelle Barker shares a useful utility class that you can use to easily cover elements.
Read it
Cssfox
A place to showcase websites, receive web design awards, find inspiration for a web design project and interact with people that have similar interests.
Check it out
Advent of Code 2020
A new edition of the great coding Advent calendar: Advent of Code is an Advent calendar of small programming puzzles for a variety of skill sets and skill levels that can be solved in any programming language you like.
Check it out
Automatic Social Share Images
A fantastic tutorial on how to generate social share images with a serverless function and headless browser by Ryan Filler.
Read it
CSS Sticky Parallax Sections
Ryan Mulligan’s CSS sticky positioning demo with some neat parallax effect on scroll using scale transforms.
Check it out
Introduction to Bash Scripting
An open-source introduction to Bash scripting that will help you learn the basics of Bash scripting for automating your daily SysOps, DevOps, and Dev tasks.
Check it out
Structure Synth JS
An amazing demo collection by Gerard Ferrandez that will take you to another world.
Check it out
Clemens Wenger: Physics of Beauty
An interactive, minimal audio-visual dive into the music album by Clemens Wenger.
Check it out
Exophysics
Explore the physics of other universes with this particle simulator that was built in ~500 lines of self-contained HTML/JS/WebGL2.
Check it out
2020: Projects of the Year
Every December, Readymag’s team takes a look back at the previous 12 months and selects the best projects made with their platform.
Check it out
PRESENTA Play!
Create slides using Markdown with this cool tool.
Check it out
Real Debugging Beyond Console Log
Steve Griffith shows how to debug code beyond console.log statements.
Watch it
I created my own YouTube algorithm (to stop me wasting time)
Great article on how Chris Lovejoy improved the YouTube recommendation algorithm using the YouTube API and Amazon’s AWS Lambda.
Read it
An ex-Googler’s guide to dev tools
After leaving Google, many engineers miss the developer tools. Here’s one ex-Googler’s guide to navigating the dev tools landscape outside of Google, finding the ones that fill the gaps you’re feeling, and introducing these to your new team.
Read it
Arokite
Preview your business cards in a 3D scene you can customize, save and export.
Check it out
Time to Say Goodbye to Google Fonts
Simon Wicki explains why you should self-host your fonts for better performance.
Read it
K!sbag: Free minimal portfolio template
K!sbag is a free minimal site template with 6 ready-made HTML pages for building a personal portfolio website.
Check it out
Under-Engineered Responsive Tables
Adrian Roselli shows how to make a WCAG-compliant responsive HTML table.
Read it
Coding a Simple Raymarching Scene with Three.js
A coding session where you’ll learn how to set up a simple Raymarching scene with Three.js.
Check it out