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

// Dev Awesome #18

September 12, 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

How to learn D3.js

Super detailed interactive tutorial on one of the most popular libraries for data visualization.

wattenberger.com

JavaScript & Node.js Testing Best Practices

The ultimate guide to JS testing. It covers everything from frontend and backend tests to advanced CI setups.

github.com/goldbergyoni/javascript-testing-best-practices

An Introduction to Memoization in JavaScript

A very interesting optimization technique for reducing the number of redundant, expensive function calls.

nick.scialli.me

All the New ES2019 Tips and Tricks

Lengthy guide that covers all the new ECMAScript features, API methods, and syntax sugar.

css-tricks.com

How DNS works - A beautifully illustrated guide to DNS

Wonderful, fun guide that will show you all that happens under the hood when you try and go to a web address.

howdns.works

Libraries & Tools

Chart.xkcd - A library for hand-drawn styled charts.

Awesome little JS library that creates data charts in the style of the popular comic series xkcd.

github.com/timqian/chart.xkcd

Can I Email: CanIUse.com for email clients

A new service that helps you find out the browser support for various CSS properties or HTML attributes.

www.caniemail.com

NodeGUI - New framework for building cross-platform desktop apps with JS

This framework is powered by Qt5 and should result in more performant native apps, compared to Electron which is chromium based.

github.com/nodegui/nodegui

Pagemap - Mini map for web pages

This very original JS plugin adds a minimap of your website next to the scrollbar, similar to what you see in code editors.

github.com/lrsjng/pagemap

Monolith - Save entire web pages as a single HTML file

Unlike the browser's "Save page as", Monolith bundles the CSS, images, and JS assets into one document that is easy to store and share.

github.com/Y2Z/monolith

Inspiration & Design

Color This Sofa - An SVG & Blend Mode experiment

In this CodePen, Kyle Wetton has created a beautiful color effect using a CSS blend mode trick.

codepen.io

Get Waves - SVG shapes generator for wavy sections

This great tool makes it super easy to create the perfect wave SVG for your design.

getwaves.io

Collet UI - Massive archive of great UI design

This website offers a collection of over 14000 components for design inspiration, categorized well and updated daily.

collectui.com

Colorable - Tool for checking text and background color contrast

It's important to make sure the text and background colors in a design are compatible. This tool makes that super easy.

colorable.jxnblk.com

Animated verbs - Smooth text animations with CSS and JS

Cool CodePen demo showcasing a number of wonderfully animated text effects.

codepen.io