August 6, 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!
The State Of Web Workers In 2021
An in-depth article about web workers and why this promising technology is still not widely adopted.
The Large, Small, and Dynamic Viewports
There are now additional CSS viewport units that define different sizes, fixing some previous issues that vh and vw units caused.
A Bashful Button Worth $8 Million
Speaking of CSS viewport issues, here is a cautionary tale about a button that was always out of reach because of a vh bug.
The performance effects of too much lazy-loading
Some interesting insights from the web.dev team on how to use lazy loading to get the biggest performance benefits.
When a Click is Not Just a Click
Great tutorial on how to distinguish mouse clicks from keyboard triggers and touch events.
LiveKit - Open source video conferencing platform.
A promising project for building scalable video chat apps. Offers great framework support and docs.
Nativefier - Make any web page a desktop application
Interesting command line tool that uses Electron under the hood to generate a desktop app from any web project.
AVPRess - Advanced online video optimizer
A useful tool for compressing and resizing videos right in the browser, powered by WebAssembly.
Feature-rich JS library for generating PDF documents that works both client and server side.
Nice tool for calculating the real cost of running JS apps or libraries. It offers a CLI and plugins most popular build tools.
CSS-only clock that tells the current time
A really fun CSS experiment about building a working analogue clock.
Blobmaker - Create random, unique, and organic-looking SVG shapes
Free SVG blob generator with plenty of options and one of the cleanest app user interfaces we've seen.
Frustrating Design Patterns: Broken Filters
Excellent article on the design of filter forms and how to make them less annoying to use.
SVG Heart Animation
Cute design for a "heart" button with smooth animations and clean markup.
Blobby Deer on CodePen
Impressive GSAP and Three.js demo that renders a deer out of SVG bubbles.