March 14, 2019
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!
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
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
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