Radicle
A peer-to-peer stack for building software together. Without central servers and censorship.
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!
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.
A Utility Class for Covering Elements
Michelle Barker shares a useful utility class that you can use to easily cover elements.
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.
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.
Automatic Social Share Images
A fantastic tutorial on how to generate social share images with a serverless function and headless browser by Ryan Filler.
CSS Sticky Parallax Sections
Ryan Mulligan’s CSS sticky positioning demo with some neat parallax effect on scroll using scale transforms.
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.
Structure Synth JS
An amazing demo collection by Gerard Ferrandez that will take you to another world.
Clemens Wenger: Physics of Beauty
An interactive, minimal audio-visual dive into the music album by Clemens Wenger.
Exophysics
Explore the physics of other universes with this particle simulator that was built in ~500 lines of self-contained HTML/JS/WebGL2.
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.
PRESENTA Play!
Create slides using Markdown with this cool tool.
Real Debugging Beyond Console Log
Steve Griffith shows how to debug code beyond console.log statements.
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.
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.
Arokite
Preview your business cards in a 3D scene you can customize, save and export.
Time to Say Goodbye to Google Fonts
Simon Wicki explains why you should self-host your fonts for better performance.
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.
Under-Engineered Responsive Tables
Adrian Roselli shows how to make a WCAG-compliant responsive HTML table.
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.
The post Collective #639 appeared first on Codrops.