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.

medium.com

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.

www.youtube.com

Awesome Podcasts - GitHub repo for programming podcasts

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

github.com/rShetty/awesome-podcasts

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.

benmccormick.org

What's New In DevTools (Chrome 74)

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

developers.google.com

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.

github.com/remoteinterview/zero

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.

github.com/victordibia/handtrack.js

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.

github.com/smacke/subsync

AutoNumeric - Automatically format numbers and currencies

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

github.com/autoNumeric/autoNumeric/

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.

github.com/sindresorhus/capture-website

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.

codepen.io

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.

www.blobmaker.app

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.

github.com/be5invis/Iosevka

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.

lawsofux.com

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.

spritestack.io