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

// Dev Awesome #7

April 11, 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

An Illustrated (and Musical) Guide to Array Methods

Wonderful article that does a great job at explaining array map, reduce, and filter using fun and easily understandable examples.

css-tricks.com

CodeTalks - The best code talks around the world

Huge collection of high-quality talks on all web dev topics, including frameworks, GraphQL, DevOps and more.

codetalks.tv

Better web video with AV1 codec

A preview of AV1 - the promising video coding format that will greatly reduce file sizes.

evilmartians.com

Getting creative with the Console API!

Improve your JS debugging by going beyond console.log and exploring all the other console methods.

areknawo.com

The Pitfalls of Async/Await in Array Loops

Using async/await in loops can produce unexpected results. This article has great advice on how to prevent it.

medium.com

Libraries & Tools

Cube.js - Open Source Analytics Framework

Framework for developing complex, custom-tailored analytics systems. Consists of frontend SDKs and API backend that works with most DBs.

cube.dev

Water.css - CSS framework that doesn't require any classes

A just-add-css collection of styles to make simple websites look better. Includes a light and dark theme, and can be customized via SCSS.

github.com/kognise/water.css

React LoadCon - Animated favicons made easy

Component that allows you to animate the favicon using a series of dynamically generated images.

foreseaz.github.io/react-loadcon/

Editor.js - A block-styled rich text editor

Powerful text & media editor that outputs data in JSON format. It is fully modular and users can easily write their own plugins.

codex.so

Indigo Player - Highly extensible, modern, JavaScript video player.

React-based video player with out-of-the-box features such as subtitles, thumbnails, quality selection and more.

github.com/matvp91/indigo-player

Inspiration & Design

CSSBattle - Code-golfing challenges for your CSS skills

Try and replicate the targets using the least amount of code possible. Great exercise for devs of all skill levels.

cssbattle.dev

Manypixels Gallery - Beautiful royalty-free illustrations

Weekly updated collection of images for your personal and commercial projects. Color configurable and available both as SVG and PNG.

gallery.manypixels.co

Citybound - Open-source, multiplayer city simulation game.

City planning game where you collaborate with other players in managing a city's growth, economics and infrastructure.

github.com/citybound/citybound

Remix Icon - Icon set for system symbols

Large collection of neutral style system icons that will look good in any OS. Available as SVGs or as an icon font.

remixicon.com

Friendly Faces - Fun character creator app

Awesome little app for generating animated avatars.

friendlyfaces.co