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

// Dev Awesome #48

January 8, 2021

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

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

Libraries & Tools

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

Inspiration & Design

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.

codepen.io

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.

smashingmagazine.com

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.

codepen.io