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

// Dev Awesome #16

August 15, 2019

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

I Used The Web For A Day On A 50 MB Budget

In this experiment Chris Ashton puts himself on a tight data budget and offers practical tips for reducing our websites' data footprint.

New Upcoming JavaScript Features — 2019, 2020 and Beyond

An overview of new features, syntax, and other changes we can expect from future ECMAScript releases.

A Beginner's Journey to Launching a Website

Excellent guide that covers all the steps to actually launching a website - domain names, hosting, deployment and more.

App ideas you can build to level up your coding skills

A collection of fun coding ideas, categorized into beginner, intermediate, and advanced projects.

Electron 6.0.0 Released

The new version comes with improved JS and chromium support, promisified API methods, and some breaking changes you should look out for.

Libraries & Tools

Tabler - Dashboard UI Kit with Bootstrap

Fully open source, premium-looking admin template with responsive design and high-quality components.

CJSS - A CSS based web framework

Fun experimental project that moves all the markup, data and logic of your app into the CSS stylesheets.

HTML Form Persistence - Preserve form data after page refresh

A rather simple but very useful library which preserves form input values across multiple sessions.

Puppeteer Recorder - Chrome extension for recording browser interactions

This awesome browser addon records website interactions and generates a Puppeteer script for automated UI testing. - Automatic polyfill service

Interesting service that accepts requests for browser features and returns only the polyfills needed by the requesting browser.

Inspiration & Design

Kyoto - Interesting pseudo layers effect with CSS

This cool demo uses SVGs and the object-fit property to create a cool layered effect.

Win95 Media Player - A React component from 1995

Fully functioning audio and video player with the design of old-school Windows.

Arrow animation - Original design for previous / next buttons

The design and animations of these buttons is great, each keyframe has perfect timing and easing.

Creating my logo animation - An advanced tutorial for web animations

In this lesson you'll learn techniques for animating shapes and text using CSS, SVGs, as well as some JavaScript.

Httpster - Collection of beautiful websites from all over the world

This project showcases great web design, lovingly curated and categorised for easy browsing.