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

// Dev Awesome #40

September 11, 2020

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

Component Driven User Interfaces

Beautiful introduction to the concept of reusable components and how to build apps with them.

componentdriven.org

Is the web getting slower?

An interesting analysis on web page load times and performance in 2020.

debugbear.com

10 Tips to improve productivity using Chrome Dev Tools

A nice collection of Chrome Dev Tools features that you might not know about.

blog.bitsrc.io

JSchallenger - Cool website with free JavaScript coding exercises

There are challenges for developers of all skill levels, covering a variety of topics like JS objects, arrays and dates.

www.jschallenger.com

Beyond Media Queries: Using newer HTML & CSS features for responsive design

This article shows us how to use responsive images and CSS functions to make better responsive apps.

css-tricks.com

Libraries & Tools

Ztext - Easy to implement 3D typography for the web

Great JS library for creating animated 3D text out of any regular web font.

github.com/bennettfeely/bennett/tree/master/ztext

FullCalendar - Feature rich calendar plugin for the web

It offers tons of customization, a modular architecture, easy integration with popular frameworks, and more.

github.com/fullcalendar/fullcalendar

Electron 10.0.0 has been released!

The update features Chromium and Node version bumps, several new APIs, and some minor breaking changes.

electronjs.org

Umami - Open-source alternative to Google Analytics

This is a self-hosted web analytics solution with lots of features and a focus on data privacy.

github.com/mikecao/umami

GitHub profile readme generator

Simple online tool that helps you generate a modern readme file for your GitHub profile.

rahuldkjain.github.io/gh-profile-readme-generator/

Inspiration & Design

CSS Art - Vintage VW Bug

Beautiful CodePen art of a VW beetle created out of CSS and HTML.

codepen.io

Devices by Facebook - Ever-growing collection of mockup devices

Includes images and Sketch files for a huge range of popular devices - from laptops to mobile phones and smart watches.

facebook.design

Candy Color Button Animation

A nice collection of pretty neumorphic button designs with various styles and animations.

codepen.io

Beedii - Cute hand drawn icon font

Unique icon font that consists of adorable hand-drawn illustrations. Free to use for personal and commercial projects.

webkul.github.io/beedii/

Pages.ooo - Showcase of crazy web design

Web gallery for inspiring avant-garde websites and designs, well curated and beautifully displayed.

pages.ooo