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

// Dev Awesome #5

March 14, 2019

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

Lesser-known CSS properties in GIFs

An excellent article on some of the more obscure CSS properties, each one carefully explained with a beautiful looping GIF.

Node.js Crash Course (YouTube)

In this awesome 90 minute course you will learn the fundamentals of Node.js and how to build a simple HTTP server from scratch.

Awesome Podcasts - GitHub repo for programming podcasts

Well-organized collection of podcasts for software engineers. Includes helpful descriptions, runtimes and release frequency.

Improving Code Readability With Async/Await

Practical tutorial on how using async/await instead of promise chains can clean up your code and help you catch bugs.

What's New In DevTools (Chrome 74)

The next DevTools update will introduce better element highlighting, a new version of Lighthouse, and more.

Libraries & Tools

Zero Server - The zero configuration web framework.

This awesome framework allows you to build web apps without having to worry about server configuration, package management or routing.

Handtrack.js - Realtime hand detection, directly in the browser.

An amazing JavaScript library that detects the position of hands in images and video. Built using a trained Tensorflow neural network.

Subsync - Automagically synchronize subtitles with video

Cool open-source project that aligns subtitles to their correct positions in a video. Works with any language and can be integrated into VLC.

AutoNumeric - Automatically format numbers and currencies

Javascript library that provides live as-you-type formatting for international numbers and currencies.

Capture Website - Node.js library for capturing screenshots of websites

Based on headless Chrome, this library offers a clean solution for automating web screenshots. There is a CLI variant as well.

Inspiration & Design

LEGO Minifigure Maker - Fun character creation with CSS

Cute interactive demo in which you customize a toy minifigure. Make sure to check out Josh Bader's other pens as well.

Blob Maker - Simple app for generating SVG shapes

This beautifully designed app allows you to generate all kinds of SVG blobs directly in the browser.

Iosevka - Slender monospace font for code

Open-source typeface for programmers. Supports all the expected font widths and languages, and can be customized using the provided builder.

Laws of UX - Stunning website with tips on how to build better user experiences.

A collection of maxims and principles for designing user interfaces. Each law comes with a unique poster that's free to download.

SpriteStack - 3D pixel art editor in the browser

Wonderful online editor for creating 3D art. There are some truely amazing objects that people have created using this.