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

// Dev Awesome #66

June 17, 2022

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

The Modern JavaScript Tutorial

Mind-blowing series of JavaScript tutorials, covering everything from the very basics to more complex language features and APIs.

javascript.info

New in Chrome 102

The newest Chrome update brings useful dev features such as the new Navigation API, file handlers in PWAs, and more.

developer.chrome.com

Lesser-known and underused CSS features In 2022

Nice tutorial about some of the less-popular but still very useful modern CSS features.

smashingmagazine.com

Web Applications 101

This amazing article shows the evolution of the web from traditional static websites to complex apps and full-blown social media platforms.

robinwieruch.de

The balance has shifted away from SPAs

Interesting article about how with the help of modern web APIs some developers are shifting from single-page to multi-page apps.

nolanlawson.com

Libraries & Tools

Auto Animate - Add motion with a single line of code

Very interesting project that automatically adds smooth keyframe transitions to all UI changes in your web app.

auto-animate.formkit.com

Random Favicon Generator

Nice web app for creating good-looking, customizable favicons based on the Tabler icon set.

toolcool.org

Google Fonts CSS API

The extremely popular Google Fonts service now also offers an API for serving optimized CSS typefaces with added variable fonts support.

web.dev

Ninja Keys - Keyboard shortcuts interface for your website

Cool JS library for adding a command palette UI to your web app, similar to what we have in code editors and other desktop tools.

github.com/ssleptsov/ninja-keys

A calendar and weather forecast in the terminal

Not strictly web dev related, but a fun article on some built-in tools for checking the calendar and weather from the terminal.

jamieonkeys.dev

Inspiration & Design

How to Animate SVG Shapes on Scroll

Our friends from Codrops share an amazing tutorial and demo on how to make stunning SVG on-scroll animations.

tympanus.net

CSS Shadow Gradients

Fun web app for experimenting with CSS color shadows gradients.

alvarotrigo.com

Interactive Typography tutorial

Really cool interactive lesson on how to select good-looking combinations of font size, line height, text width and more.

learnui.design

Conic Gradient Border

Great looking CodePen experiment for a colorful, animated border.

codepen.io

The era of rebellious web design is here

Interesting analysis on some of the emerging abstract web design trends.

eyeondesign.aiga.org