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

// Dev Awesome #6

March 28, 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

Everything you need to know about Loading Animations

In-depth tutorial on app loading screens, progress bars, spinners and everything else that happens while users wait.

KV Storage: the Web's First Built-in Module

A preview of a promising new JS feature - built-in libraries that are always available in the browser and can be imported directly.

I Used The Web For A Day On Internet Explorer 8

IE8 was released a decade ago. Chris Ashton tries it out against the modern web, and considers how we can build our sites to last.

Stop using so many divs! An intro to semantic HTML

Improve your project's readability and accessibility by using the proper HTML elements for each part of a page.

30 Seconds Of Code

Giant collection of curated JavaScript tips & tricks that you can understand in 30 seconds or less.

Libraries & Tools

Code Server - Run Visual Studio Code on a remote server

GitHub repo that helps you setup a self-hosted remote coding environment so you can work from anywhere. Based on VSCode and Linux

QuickChart - Generate charts from URLs

This free service takes data as URL parameters and uses it to create customizable charts in PNG and SVG. Can easily be self-hosted as well.

Micromodal.js - Tiny, dependency-free library for creating modal dialogs

Lightweight plugin for building dialogs with perfect accessibility markup. Provides all the expected controls like pressing escape or clicking outside to close.

Iro.js - Modern HSV color picker widget

Awesome tiny color wheel with a simple API, great design, and an SVG-based interface that looks crisp at any screen resolution

Hotkeys - Robust Javascript library for capturing keyboard input.

Zero-dependencies library that makes it very easy to handle keyboard presses, modifyers, and key combinations.

Inspiration & Design

Beautiful on-scroll animations with WebGL

Amazing demo that showcases advanced on-scroll transitions. Made with three.js and the Phenomenon library.

ColoriseSg - Bring color to your black and white photos

Free online tool for colorizing monochrome images. Trained using two neural networks and 500,000 old Singaporean photos.

Solar System 3D Animation in pure CSS

An animated model of the solar system made entirely out of CSS. It has realistic proportions, adjustable speed, and three views.

Animated text with background clip

Cool CSS trick for headings and other large text. Made with the background-clip property and an animated gif.

Mockups For Free

Large selection of PSD mockups with editable Smart Object layers. Includes all kinds of devices, food containers, and more.