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

// Dev Awesome #10

May 18, 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

What's new in JavaScript (Google I/O 19)

A sneak peak of the new features we can expect in JavaScript including new browser APIs and updates to Node.js.

www.youtube.com

CSS can do that?

Collection of 10 quick tips that showcase some obscure but very powerful CSS properties.

dev.to

Can I Stop? Free yourself from Internet Explorer 11

A look into the percentages of IE11 users (and lack thereof) across the world.

canistop.net

Hasura - Real world GraphQL tutorials for developers with deadlines

Free courses that teach you the fundamentals of GraphQL and how to use it with your favourite frontend framework.

learn.hasura.io

Hacker Laws - Laws, Theories, Principles and Patterns for developers

Repository containing explanations, principles and patterns for some of the laws people discuss when talking about coding.

github.com/dwmkerr/hacker-laws

Libraries & Tools

Tesseract - Powerful JS library for extracting text out of images

Automatically detects the text position and orientation. Works with over 60 languages including Chinese, Arabic and Russian.

github.com/naptha/tesseract.js

Ink - React-based framework for building command line apps

Toolkit that speeds up developing CLI apps and makes it possible to create more advanced layouts and controls.

github.com/vadimdemedes/ink

Cash - Absurdly small modern jQuery alternative

This library provides jQuery-style chainable methods for manipulating the DOM at a fraction of the cost.

github.com/kenwheeler/cash

Ola - Library for interpolating numbers in animated charts

Awesome library that displays datasets in a variety of chart types, dynamically updated with super-smooth animations.

github.com/franciscop/ola

Mailgo - Replace mailto: links with nice popover menus

Tiny JS plugin that improves mailto: by offering open in Gmail / Outlook links, a button to copy the email address, and spam protection.

github.com/manzinello/mailgo

Inspiration & Design

Fluid Simulation - Absolutely stunning WebGL demo

Fun WebGL experiment that allows you to draw beautiful fireball-like shapes on the screen. Works on mobile as well.

paveldogreat.github.io/WebGL-Fluid-Simulation/

Hamburgers - Menu toggle buttons with cool CSS animations

Collection of tasty CSS-animated hamburger icons. Fully modular and easily customizable via Sass.

github.com/jonsuh/hamburgers

Data Card - Beautiful card design without a line of CSS

Realtor listings card built using the Tailwind CSS framework. The layout is styled only via the framework's classes, no CSS!

codepen.io

The Pattern Library - Free background patterns

Excellent selection of royalty-free background patterns with great designs and variety.

thepatternlibrary.com

Easy Dark Mode - SASS-powered theme toggle

A very elegant solution for creating dark/light mode switches. Built using CSS variables, SASS functions, and a little bit of JS.

codepen.io