March 28, 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!
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
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
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.
Mockups For Free
Large selection of PSD mockups with editable Smart Object layers. Includes all kinds of devices, food containers, and more.
mockupsforfree.com