Autoplay Policy Changes - From François Beaufort who works on the Chromium team, some important updates that every Frontend Engineer needs to know about autoplay if their site has video that does this. TLDR: Times are a changin’.

Here are five things in the Frontend Engineering world, that I found interesting…

The Ultimate Guide to JavaScript Frameworks - From the site, “That’s where this guide comes in. It’s a living document that is a reference for all known front end JavaScript frameworks (archived or deprecated projects are not included). In this case, the term “frameworks” is being used in a broad sense. It includes user interface (UI) libraries like React, as well as full frameworks like Angular.”

Using Prettier to format your JavaScript code - From Saransh Kataria on his blog Wisdom Geek, “Wasting time formatting your code is a monotonous task and Prettier has been designed to solve this problem of wasting time on it. So it helps you overcome formatting fatigue with a very easy setup.”. I personally love Prettier. I don’t care how my code looks, I care how it works. Prettier just formats your code for you with integration with your favorite IDE on save. So good.

Frontend Case Studies - On Andrew Romanov’s GitHub, he puts together a great collection of Frontend Case Studies in the real world. Must read.

Hierarchy of documentation dysfunction - While not Frontend specific, Chris Allen on his publication Lore, he goes into the reason you should document your code, at many levels. I for one, believe we should all take a moment and read this. Too often is the case when I look at new projects, there is absolutely no documentation - unacceptable.

Here are five things in the Frontend Engineering world, that I found interesting…

Serverless Stack - From the site, “Serverless Stack is an open source guide for building and deploying full-stack apps using Serverless and React on AWS. Create a note-taking app from scratch using the Serverless Framework and Create React App.” Nice thorough free resource.

Hyperapp + Parcel = 😎 - Adam Boro writes on the Medium blog of Daftcode, about using Hyperapp, a React-like JS framework, and Parcel, a no-config bundler together to quickly build a lightweight webapp.

Eloquent JavaScript, 3rd Edition - Marijn Haverbeke has written one of my favorite JavaScript books, “Eloquent JavaScript”. He’s updating the third edition right now, and you should give it a read (and provide feedback to him), as the previous editions were excellent.

How Big Is That Box? Understanding Sizing In CSS Layout - From Smashing Magazine, Rachel Andrew writes, “In this article, I’m going to share with you some interesting things about sizing boxes in CSS. I’ve picked out a few things from the specifications that I believe are vital in terms of understanding exactly how big that box is. Take some time to read through, and I think you’ll find sizing in Grid a lot less mysterious!”

front-end-interview-handbook - Yangshun Tay, working at Facebook, has put a nice repo on github together going over answers to the ‘front-end-interview-handbook’. Must read.

headless-devtools - Johnny over on his github says,”Lets you perform Chrome DevTools actions from code by leveraging Headless Chrome+Puppeteer”. This looks really useful to run some automated info about your webapp.

How I design with CSS grid - From Chen Hui Jing’s site, “After a couple of rounds of introducing CSS grid to people who haven’t tried it before, I found it wasn’t the implementation of grid that people asked questions about, rather, it was the bit before that. The actual planning of how a layout would be set up.”

The Cost Of JavaScript - Addy Osmani, Eng. Manager at Google working with Chrome & DevRel, on the Chrome Dev Channel Medium blog, “As we build sites more heavily reliant on JavaScript, we sometimes pay for what we send down in ways that we can’t always easily see. In this post, I’ll cover why a little discipline can help if you’d like your site to load & be interactive quickly on mobile devices.”

Using CSS Grid: Supporting Browsers Without Grid - Rachel Andrew on the Smashing Magazine website, “When using any new CSS, the question of browser support has to be addressed. This is even more of a consideration when new CSS is used for layout as with Flexbox and CSS Grid, rather than things we might consider an enhancement.”

Advocating for Accessible UI Design - Lara Schenck on the CSS Tricks blog, “Accessibility is a hot topic these days, and the older we web-makers get, the hotter it’s going to become! That might be a snarky outlook, but what I’m trying to say is that it’s about time we start designing the web for everyone because the web was meant to be for everyone, and less and less are we able to predict where, when, and how our work will be consumed.”

Here are five things in the Frontend Engineering world, that I found interesting…

CSS Specificity Calculator - From Keegan Street, a nifty CSS specificity calculator. Even has an npm module you could use on your own.

Search Libs - A nice online tool that allows you to search for JavaScript libraries by Kamil Tomšík. I like the fact that you can search by number of dependencies.

How JavaScript works: an overview of the engine, the runtime, and the call stack - On Sessionstack’s Medium blog, CEO and co-founder Alexander Zlatkov writes, “This post is meant to be the first in a series aimed at digging deeper into JavaScript and how it actually works: we thought that by knowing the building blocks of JavaScript and how they come to play together you’ll be able to write better code and apps.”

Flexbox and Grids, your layout’s best friends - From the Aerolab development blog, Eva Ferreira, UI Developer, writes “We decided to debunk the myths around Flexbox & Grids in order to show you the power of these two technologies working together.” This is a thorough look at how the two CSS layouts can work together.