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

// Dev Awesome #53

May 14, 2021

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

Comparing the New Generation of Build Tools

In-depth comparison of the modern build tools like Snowpack and esbuild, including example config code, performance and features.

css-tricks.com

A Guide To Undoing Mistakes With Git

Excellent article on how to fix some of the Git disasters that tend to happen from time to time.

smashingmagazine.com

Real-world CSS vs. CSS-in-JS performance comparison

An interesting experiment on the performance of traditional CSS and the hip new JS-based alternative.

pustelto.com

The State of CSS Cross-Browser Development

Nice article about the great progress we've seen in cross-browser support in recent years, as well as the issues that still persist.

ishadeed.com

Starting a TypeScript Project in 2021

Practical guide on how to create a new TS project that follows the best practices and takes advantage of modern tooling

metachris.com

Libraries & Tools

Bootstrap 5 has officially landed!

The new major version is here and it brings lots of big changes, including new and updated components, removed jQuery and more.

blog.getbootstrap.com

WinBox - Window manager for the web

Awesome JS library for adding fully-functional windows that can be resized, moved, minimized and more. Super easy to implement and customize.

nextapps-de.github.io/winbox/

zx - JS-based tool for writing scripts

New open source project from Google that offers a convenient JS alternative to Bash and Python scripts.

github.com/google/zx

Node.js 16 available now!

Node 16 is now the "Current" release, offering updates to the JS engine, support for Apple Silicon, and additional stable APIs.

nodejs.medium.com

Mantine - React components library

Open source collection of themable React components and hooks with focus on the developer experience.

mantine.dev

Inspiration & Design

CSS 3D Print Shop

Amazing CodePen demo that prints out any image you pass as URL.

codepen.io

Image Pop-Out Effect With SVG Clip Path

Great tutorial from CSS Tricks on how to create beautiful animated pop-out images.

css-tricks.com

Triangula - High-quality triangulated art generator

This project takes images and recreates them beautifully out of polygons. Available as a browser or desktop app and as a CLI.

github.com/RH12503/Triangula

Iconic - Free, “do wtf you want with” icons

A nice collection of over 150 royalty-free SVG icons (email required to use).

iconic.app

CSS Cuboid Generator on CodePen

Impressive React-powered pen that creates 3D shapes out of CSS & HTML, based on the parameters you enter.

codepen.io