June 19, 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!
The complete guide to CSS media queries
As the title suggests, this is a very thorough tutorial on media queries covering every possible property, including upcoming features.
Reusing UI components at an enterprise level
Very interesting article by the PayPal team on how to handle component sharing across large apps and whole ecosystems.
In this GitHub repo you can find a long list of JS questions and their explained answers. A very fun way to test your skills and learn something new.
SEO Cheat Sheet
Nice collection of best practises for writing code that helps your projects rank higher in search engines.
Bootstrap 5 alpha now available!
The next major Bootstrap release seems very promising. You can try out the alpha and learn more about it form this blogpost.
Grid.js - Advanced Table Plugin
Great open-source library for working with HTML tables. It has a nice API and can be easily integrated with JS frameworks like React and Vue.
NJT (npm jump to) - Explore npm packages
Quickly go to an npm package docs, GitHub repo, homepage or other link, right from the terminal or the browser URL bar.
ConsoleImg - Display images in the browser console
This fun JS project lets you fetch images and render them in the developer tools console (on browsers that support it).
New.css - A classless CSS framework
Tiny CSS library that gives your pages a pretty stylesheet base that looks better than the default browser styles.
Color Copy Paste - Grab colors directly from your camera
Cool open-source app that lets you open your phone's camera, select a color from the viewfinder and export it to the Figma, Sketch or the web.
The Codepen Times - Newspaper layout with CSS grid
This great CodePen show us how the CSS grid can be used to create tricky HTML layouts that would be almost impossible otherwise.
Impressive Doom-style game created in under 13kb, plus a nice tutorial on how it was done.
ScrollTrigger - Interesting scroll animation on CodePen
The demo was created using the GreenSock engine and showcases some more complicated on-scroll animations.
Scrnshts - Hand-picked collection of app store design screenshots
Large curation of app store entries containing designs from all kinds of apps, from Fortune 500 companies to indie developers.