Bi-Weekly Frontend News

Collective #639

December 7, 2020

Radicle

A peer-to-peer stack for building software together. Without central servers and censorship.

Check it out

This content is sponsored via Thought Leaders

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

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