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

// Dev Awesome #15

August 1, 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

JavaScript: How It's Made (Video)

Learn the computer science behind JavaScript by looking at how it works under the hood.

www.youtube.com

Dangit, git! - Solutions to common Git problems

Everyone has made a mess of their git repo at some point. Here are some unfortunate git scenarios and how to get out of them.

dangitgit.com

Command Line Heroes - Cool podcast for programmers

An original podcast about the people who transform technology from the command line up.

www.redhat.com

Head - A free guide to HTML5 <head> elements

Extensive guide which covers all the tags and properties that can go in the <head> of your documents.

htmlhead.dev

Copy & Paste images in Google Chrome

Chrome has a powerful API for accessing the clipboard. It used to work only with text but now supports PNG images as well.

developers.google.com

Libraries & Tools

Polly - JS library by Netflix for recording and replaying HTTP requests

It works both in Node.js and the browser, allowing you to mock requests and responses with little to no configuration.

github.com/Netflix/pollyjs

Moveable - Make elements resizable, draggable, rotatable, and more

Cool library that takes any HTML element and puts it in a "free transform" mode, making it possible to change its size, shape and orientation.

github.com/daybrush/moveable

React Dynamic Charts - Scriptable animated charts

A React library for creating charts that respond to changes in the dataset and animate to reflect the new values.

github.com/dsternlicht/react-dynamic-charts

Hover - A nice collection of CSS-powered hover effects

The animations can be applied to links, buttons, logos, SVGs, and more. Super easy to customize and available in CSS, Sass, and LESS.

github.com/IanLunn/Hover

Color Thief - A script for extracting the color palette from images

Grabs the dominant color from an image as well as the rest of the color palette. Built with JS and canvas.

github.com/lokesh/color-thief/

Inspiration & Design

Smooth Scrolling Image Effects - Animating images while scrolling a page.

Awesome demo by the Codrops team in which photos, text and other elements are animated as you scroll down the page.

tympanus.net

Flippin' juicy burgers - Beautifully animated menu toggles

Eight different animation effects for opening and closing hamburger menu buttons.

codepen.io

Super Tiny Social Icons - SVG versions of your favourite logos

Vast collection of company, brand and other logos, each one under 1kb in size.

github.com/edent/SuperTinyIcons/

Upload Play & Pause animation - Awesome uploader component

Concept for an upload progress bar with superb design, fluid animations and overall great UI choices.

codepen.io

2048 - Open-source clone of the popular puzzle game

Created with JavaScript and other web technologies, this project is great for making your first steps in open-source.

github.com/gabrielecirulli/2048