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.

medium.com

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.

developers.google.com

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.

www.smashingmagazine.com

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.

dev.to

30 Seconds Of Code

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

30secondsofcode.org

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

github.com/codercom/code-server

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.

github.com/typpo/quickchart

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.

github.com/Ghosh/micromodal

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

github.com/jaames/iro.js

Hotkeys - Robust Javascript library for capturing keyboard input.

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

github.com/jaywcjlove/hotkeys

Inspiration & Design

Beautiful on-scroll animations with WebGL

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

tympanus.net

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.

colourise.sg

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.

codepen.io

Animated text with background clip

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

codepen.io

Mockups For Free

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

mockupsforfree.com