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

// Dev Awesome #19

September 26, 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

Horrible Web Interfaces and How to Build Them

Fun talk that goes over a number of absurd user interfaces, designed to make you as annoyed as humanly possible.

youtube.com

Why Progressive Web Apps Are The Future of Mobile Web

An amazing study on PWAs, showcased in one of the most beautiful articles we've ever seen.

ymedialabs.com

Bootstrap Studio 4.5.4 is here!

The latest release of Bootstrap Studio brings custom font support, device presets, better export, cleanup of unused images and more. Charts can also now be modified with JavaScript.

bootstrapstudio.io

Machine Learning For Front-End Developers With Tensorflow.js

Thanks fo Tensorflow you can take you first steps in ML right in the browser - JS and HTML is all you need to get started.

www.smashingmagazine.com

Laravel 6 From Scratch

The folks at laracasts have created an hour-long free course that will get you up to speed with the new LTS version of Laravel.

laracasts.com

Libraries & Tools

Cutestrap Two - A modern CSS Framework

Great UI framework with lovely design, lots of customization options and an easy-to-use API. The docs are also top-notch.

cutestrap.com

Jimp - Native image processing library for Node

The library is built entirely with JavaScript and has zero dependencies, so it should work inside any Node terminal.

github.com/oliver-moran/jimp

Headroom - Hide your header until you need it.

Lightweight, no-dependencies JS widget that shows and hides the page's navbar based on the current scroll position.

wicky.nillia.ms

GoPablo - Static site generator with a modern development workflow

This Node based framework includes an integrated web server, CSS preprocessors, auto-reload on code changes, and full ES6 compatibility.

gopablo.co

Bitmelo - Online game editor for making retro 2D pixel art games.

The editor makes it super fun to write code, design the art, add sound effects, and then simply export your game as HTML.

bitmelo.com

Inspiration & Design

How to Build a Color Customizer App for a 3D Model

This absolutely amazing tutorial by Codrops shows you how to create a 3D model app using Blender, Three.js, and more.

tympanus.net

100,000 Faces Generated by AI

Giant collection of AI generated photos of people who don't actually exist - perfect for mockups and demo projects.

generated.photos

Where to put buttons on forms

Wonderfully written and illustrated guide on how to improve all the buttons in your designs..

adamsilver.io

Doka - Free Online Image Editor

Great little photo editing app right in the browser. You can quickly crop, rotate, resize, add filters and more.

doka.photo

Tiler - Create images made up of other smaller images

This fun tool generates mosaic images made up of tiny tiles. The tiles can be all kinds of shapes and sizes, creating beautiful results.

github.com/nuno-faria/tiler