Collective #639
Publikováno: 7.12.2020
Radicle * Advent of Code 2020 * Automatic Social Share Images * Cssfox * Introduction to Bash Scripting
The post Collective #639 appeared first on Codrops.
![](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C639_radicle-1.jpg)
Radicle
A peer-to-peer stack for building software together. Without central servers and censorship.
![](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C639_codingchallenge.png)
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!
![](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C639_manequin.jpg)
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.
![](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C639_overlay.jpg)
A Utility Class for Covering Elements
Michelle Barker shares a useful utility class that you can use to easily cover elements.
![](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C639_cssfox.jpg)
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.
![](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C639_adventcode.jpg)
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.
![](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C639_socialshare.jpg)
Automatic Social Share Images
A fantastic tutorial on how to generate social share images with a serverless function and headless browser by Ryan Filler.
![](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C639_sticky.jpg)
CSS Sticky Parallax Sections
Ryan Mulligan’s CSS sticky positioning demo with some neat parallax effect on scroll using scale transforms.
![](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C639_bash.jpg)
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.
![](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C639_collection.jpg)
Structure Synth JS
An amazing demo collection by Gerard Ferrandez that will take you to another world.
![](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C639_wenger.jpg)
Clemens Wenger: Physics of Beauty
An interactive, minimal audio-visual dive into the music album by Clemens Wenger.
![](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C639_exo.jpg)
Exophysics
Explore the physics of other universes with this particle simulator that was built in ~500 lines of self-contained HTML/JS/WebGL2.
![](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C639_2020.jpg)
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.
![](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C639_slides.jpg)
PRESENTA Play!
Create slides using Markdown with this cool tool.
![](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C639_jsdebug.jpg)
Real Debugging Beyond Console Log
Steve Griffith shows how to debug code beyond console.log statements.
![](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C639_youtube.jpg)
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.
![](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C639_dev.jpg)
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.
![](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C639_3dcard.jpg)
Arokite
Preview your business cards in a 3D scene you can customize, save and export.
![](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C639_webfonts.jpg)
Time to Say Goodbye to Google Fonts
Simon Wicki explains why you should self-host your fonts for better performance.
![](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C639_freebie.jpg)
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.
![](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C639_table.jpg)
Under-Engineered Responsive Tables
Adrian Roselli shows how to make a WCAG-compliant responsive HTML table.
![](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C639_raymarching.jpg)
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.