January 24, 2020
Welcome to Dev Awesome, the newsletter for awesome developers. This week we have another dose of interesting articles, tools and inspiration to supercharge your afternoon. Enjoy!
Web.dev Fast Load Times
A series of well written tutorials by the Google dev team on how to improve the performance of your sites and web apps.
Things We Can't (Yet) Do In CSS
Rachel Andrew shows us some surprisingly common layout patterns that can't be created with CSS yet.
A Recap of Frontend Development in 2019
An excellent article that looks back at the top events, news, and web dev trends from last year.
Intro to Regex for Web Developers
A quick introduction into the world of Regular expressions, presented in 10 easy to read cheatsheets.
Navigating the web with a gamepad
Fun experiment that uses the new Gamepad API to create a web app navigatable via game controllers.
A-Frame - Virtual reality framework for the web
The most popular web VR framework recently had it's official v1.0.0 release and is better than ever.
Snowpack - Revolutionary new tool for bundling JS dependencies
Instead of bundling JS after each code change, Snowpack does an initial setup after which new code is instantly available without a build step.
Craft.js - React Framework for drag and drop page editors
Nice framework that helps you build user-friendly page editors with drag & drop, text controls, media embeds, and more.
VoxelSpace - Terrain rendering algorithm in less than 20 lines of code
A really interesting GitHub repo for an infinite terrain generator created from scratch.
Web Extension Starter - A kit for creating cross-browser web extensions
This cool starter kit makes it easier to create web addons for Chrome, Firefox and Opera, out of the same code base.
IsoCity - Cool city builder game created with JS
You can create really cool designs and share them just by sending the url to your friends.
Image Unroll Effects with Three.js
Beautiful demo accompanied by a great tutorial on how to create unrolling animation effects.
EscherSketch - Fun web tool for drawing symmetrical patterns
Includes tons of different brushes, patterns, and other options for fine-tuning your designs.
Beedii - Cute hand drawn icon font
Unique icon font that consists of adorable hand-drawn illustrations. Free to use for personal and commercial projects.
Excel Spreadsheet with CSS Grid
In this amazing CodePen the layout of an entire Excel Spreadsheet is recreated using the CSS grid system.