August 14, 2020
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!
Creating the exact same app in React and Vue
An amazing comparison between React and Vue in 2020 with modern standards and best practices in mind.
Node Modules at War: Why CommonJS and ES Modules Can't Get Along
Really interesting article on why we have both CJS and ESM, and why they don't work well together.
Getting the Most Out of Variable Fonts on Google Fonts
Extensive article on some of the more advanced techniques for working with variable fonts.
It's time to lazy-load offscreen iframes!
Since both Chrome and FIrefox now support native lazy loading, here is a nice tutorial on how to do it with iframes.
Optimizing CSS for faster page loads
Some excellent advice on how to reduce the size of your CSS resources and make styles load faster.
Papercups - An open-source solution for live customer chat
Nice self-hosted option for implementing customer service live chat with easy Slack integration.
Docusaurus - Framework for building documentation websites
Open-source project by the Facebook team that helps with setting up maintainable documentation and tutorial websites.
Aeon - Lightweight datepicker built with web components
It has no external dependencies, works flawlessly with all JS frameworks, and is super easy to configure and customize.
Lite YouTube Embed - Nice alternative to YouTube's iframe embed
Custom JS element that renders YouTube videos quicker without sacrificing any native embed features.
Linkinator - Find broken links in your website
Simple site crawler tool for checking if all the links in your website are active and don't lead to any 404s.
Macintosh.js - Electron powered app that runs Mac OS 8 (from 1991)
We've shared a couple of fun Windows 95 and 98 emulators before, now it's time for a fully functional Macintosh Quadra from the early 90s.
Designing Adaptive Components, Beyond Responsive Breakpoints
Really good article on how to build better responsive layouts for the modern web.
100 Days of 3D Design - How I taught myself 3D modeling in 100 days
Tiantian Xu's 100 day journey of learning how to do 3D models in Blender.
Magnetic Buttons - A collection of magnetic buttons with fun hover animations
A set of original button designs by Mary Lou that can really add some pop to your website.
Turning Pages with CSS on CodePen
Pretty complex book pages animation created using only CSS and HTML.