January 8, 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!
Search Engine Optimization Checklist
This is one of the most thorough and well explained guildes to SEO we've ever seen. Also comes with a nice PDF checklist.
smashingmagazine.com
Time to Say Goodbye to Google Fonts
An interesting article on how self hosting fonts can be a better solution than using Google's typeface service.
wicki.io
Web Development for Beginners - A Curriculum
If one of your New Year's Resolutions is to get better at web dev, this amazing repo from Microsoft offers tons of lessons covering a wide variety of topics.
github.com/microsoft/Web-Dev-For-Beginners
How The Web is Really Built
In this quick read from CSS Tricks, Lea Verou shares her surprising findings on what libraries and frameworks are behind most of the web.
css-tricks.com
Build a Simple Chess AI in JavaScript
Super cool article with lots of useful AI techniques as well as some great insights for chess fans.
dev.to
Squoosh - Online image optimizer
Great app for compressing images with advanced settings and a user-friendly interface. There is also a node CLI version.
squoosh.app
Alpine - Minimal framework for adding JS logic to markup
This interesting project makes it possible to add React-like logic directly to your HTML, without the need for complex configs or virtual DOM.
github.com/alpinejs/alpine
Cosha - Colorful image shadows
Nice little JavaScript library that adds beautiful, customizable color shadows to images.
github.com/robinloeffel/cosha
Personal Management System
A self hosted personal organizer app that includes notes, schedules, shopping lists, TODOs and much more.
github.com/Volmarg/personal-management-system
Size limit - Tool for calculating the performance of JS apps
Impressive performance optimization tool that checks the actual cost of running your JS for end users.
github.com/ai/size-limit
Pure CSS Monument Valley II
Stunning HTML demo with very complex animations and a wonderful design.
codepen.io
Random Cards - A CSS experiment
In this demo you pick random cards from a deck. What's cool about it is the whole thing is made without any JS.
How To Design A Simple UI When You Have A Complex Solution
Great article on how to approach design problems and create interfaces that are user-friendly and effortless to use.
Scale - High-quality, open-source illustrations
There is a new illustration added every day, each one color customizable and available as a SVG or PNG file.
2.flexiple.com
Rolling Radio Buttons
Nice design for a radio input UI in which the controls slide smoothly to match the selected option.
