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

// Dev Awesome #30

April 10, 2020

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 Make Life Easier When Using Git

Nice collection of some lesser known but very useful Git commands and config options.

smashingmagazine.com

Updates To Form Controls And Focus

The default HTML inputs are getting a new look thanks to a collaboration between the Microsoft Edge and Google Chrome teams.

blog.chromium.org

The performance benefits of Variable Fonts

Great overview on the state of variable fonts and their effect on web performance.

uxdesign.cc

Node.js Best Practices

This amazing resource for all Node developers has tons of tips and tutorials, with new ones being added every week.

github.com/goldbergyoni/nodebestpractices

New media queries you need to know

A sneak peak into some of the new CSS media queries that should get browsers support in the near future.

blog.logrocket.com

Libraries & Tools

Stryker - Mutation testing for JavaScript

Really interesting project for running mutation testing on your tests to see how robust they truly are.

stryker-mutator.io

╬╝Plot - Fast, memory-efficient charts library

This tiny framework creates great-looking Canvas-based charts with plenty of features and customization options.

github.com/leeoniya/uPlot

Uppload - A better image uploader for JavaScript

It offers lots of great features including a plugin system for adding more image upload sources like Instagram, screenshots and Giphy.

uppload.js.org

Dinero.js - Modern library for working with monetary values

Very useful library with a well-designed API containing all kinds of methods for money and currency operations.

dinerojs.com

Bootstrap Treeview - Simple BS4 plugin for creating elegant treeviews

Great little component that we wouldn't be surprised to see included in future versions of Bootstrap.

github.com/chniter/bstreeview

Inspiration & Design

Animockup - Create animated mockups in the browser

Beautiful open-source app for creating device mockups with animations displayed on the screen.

github.com/alyssaxuu/animockup

Bootstrap Icons - Alpha 3 Update

Lots of new designs have been added and the newest version of Bootstrap's SVG icon pack now has over 500 icons.

icons.getbootstrap.com

Pure CSS Landscape - An Evening in Southwold

Absolutely amazing CodePen of a landscape drawn entirely out of CSS - no images or JS used.

codepen.io

MoreToggels - CSS Only Stylish Toggles

Pure CSS library offering a nice variety of checkbox toggles. Really easy to use and customize.

jnkkkk.github.io/MoreToggles.css/

Checklist CSS Animation

Super cool design for a shopping list, featuring some stunning CSS animations.

codepen.io