Programming news, cool libraries, and productivity tips by Dev Awesome.

// Dev Awesome #26

January 24, 2020

Dev Awesome

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!

Articles & Tutorials

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.

web.dev

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.

www.smashingmagazine.com

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.

levelup.gitconnected.com

Intro to Regex for Web Developers

A quick introduction into the world of Regular expressions, presented in 10 easy to read cheatsheets.

dev.to

Navigating the web with a gamepad

Fun experiment that uses the new Gamepad API to create a web app navigatable via game controllers.

www.voorhoede.nl

Libraries & Tools

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.

aframe.io

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.

www.snowpack.dev

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.

github.com/prevwong/craft.js

VoxelSpace - Terrain rendering algorithm in less than 20 lines of code

A really interesting GitHub repo for an infinite terrain generator created from scratch.

github.com/s-macke/VoxelSpace

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.

github.com/abhijithvijayan/web-extension-starter

Inspiration & Design

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.

github.com/victorqribeiro/isocity

Image Unroll Effects with Three.js

Beautiful demo accompanied by a great tutorial on how to create unrolling animation effects.

tympanus.net

EscherSketch - Fun web tool for drawing symmetrical patterns

Includes tons of different brushes, patterns, and other options for fine-tuning your designs.

eschersket.ch

Beedii - Cute hand drawn icon font

Unique icon font that consists of adorable hand-drawn illustrations. Free to use for personal and commercial projects.

webkul.github.io/beedii/

Excel Spreadsheet with CSS Grid

In this amazing CodePen the layout of an entire Excel Spreadsheet is recreated using the CSS grid system.

codepen.io