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.

smashingmagazine.com

New Upcoming JavaScript Features — 2019, 2020 and Beyond

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

medium.com

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.

css-tricks.com

App ideas you can build to level up your coding skills

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

freecodecamp.org

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.

electronjs.org

Libraries & Tools

Tabler - Dashboard UI Kit with Bootstrap

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

github.com/tabler/tabler

CJSS - A CSS based web framework

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

github.com/cjss-group/CJSS

HTML Form Persistence - Preserve form data after page refresh

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

github.com/FThompson/FormPersistence.js

Puppeteer Recorder - Chrome extension for recording browser interactions

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

github.com/checkly/puppeteer-recorder

Polyfill.io - Automatic polyfill service

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

github.com/financial-times/polyfill-service

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.

codepen.io

Win95 Media Player - A React component from 1995

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

benwiley4000.github.io/win95-media-player/

Arrow animation - Original design for previous / next buttons

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

codepen.io

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.

cassie.codes

Httpster - Collection of beautiful websites from all over the world

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

httpster.net