May 14, 2021
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!
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.
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.
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.
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.
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
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.
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.
zx - JS-based tool for writing scripts
New open source project from Google that offers a convenient JS alternative to Bash and Python scripts.
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.
Mantine - React components library
Open source collection of themable React components and hooks with focus on the developer experience.
CSS 3D Print Shop
Amazing CodePen demo that prints out any image you pass as URL.
Image Pop-Out Effect With SVG Clip Path
Great tutorial from CSS Tricks on how to create beautiful animated pop-out images.
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.
Iconic - Free, “do wtf you want with” icons
A nice collection of over 150 royalty-free SVG icons (email required to use).
CSS Cuboid Generator on CodePen
Impressive React-powered pen that creates 3D shapes out of CSS & HTML, based on the parameters you enter.