June 17, 2022
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 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
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
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
