Piecing Together Approaches for a CSS Masonry Layout

A few different ways to approach creating a masonry layout in CSS. - http://amp.gs/VuD1

#css

Firefox Dev Tools for Layout

As of Firefox 65 (in beta), you can inspect layouts that use Flexbox and CSS Grid easily. Here’s a quick look at how. - https://www.youtube.com/watch?v=wdBquUQzN-8

#video #frirefox #devTools

Creating Interactive Text Animations with React Hooks

A fun bit of experimentation with React Hooks, CSS Modules, CSS variables and clip-path in order to animate headings that respond to pointer movements. - http://amp.gs/VJvI

#react

Creating a Node gRPC Service Using Mali


gRPC, originally created at Google, is a universal RPC system powered by HTTP/2 and Protocol Buffers. This is a really neat, practical introduction to the concepts involved. - http://amp.gs/V0eb

#nodejs

How to Drastically Reduce Estimated Input Latency and Time to Interactive of SSR Vue.js Applications

Learn how to solve the problem of a very high Estimated Input Latency of pre-rendered Vue.js or Nuxt.js powered Single Page Applications. - http://amp.gs/VK7V

#vue

The Best Way To Unsubscribe RxJS Observable In The Angular Applications!

The RxJS (aka Observable-s ) is a rather new-ish technology in the frontend engineering space. Made popular mostly by its inclusion in the core Angular APIs. It proved to be a very powerful tool when dealing with the collections of asynchronous events. -
http://amp.gs/V3m1

#angular

Firefox 69 Will Have Flash Disabled by Default

Mozilla has announced that Adobe Flash will be disabled in Firefox 69 (due for release in September). Mozilla plans to remove the plugin from its browser entirely in 2020. - http://amp.gs/VH1v

#firefox #news

Why We Need CSS Subgrid

The author argues that whilst the CSS Grid spec “is amazing” there’s still “a gap to be filled by subgrid”. - http://amp.gs/V2Zv

#css

Keeping A React Design System Consistent

How we use visual regression testing to save time and headaches. - http://amp.gs/V2WH

#react

Safari, Firefox, Edge, Chrome: How To Stream Real Time

Lossless Audio: A detailed look at how to stream lossless audio to browsers from the mixanalog team - http://amp.gs/VwFI

#web #audio

Web Standards: The What, The Why, And The How

A look at the history of Web Standards, how to use them in your work, plus ways you can get involved in making them. - http://amp.gs/VFLT

#web #standarts

Common API Mistakes and How to Avoid Them

Node.js is used for all of the examples although the principles are generic. - http://amp.gs/VXrW

#nodejs

Building Component Libraries in Angular

Angular CLI is one of the best tools available for building Angular applications. CLI conveniently allows developers to create new project that have testing, type script transpilation and other things.
- http://amp.gs/VLrM

#angular

Dissecting Frontend Job Titles

An attempt to break down the common career labels and designations found in the frontend space, bringing a little clarity on the supposed nuances between them all. - http://amp.gs/VWU0

#frontend

Building a Desktop App with Vue: NW.js

This article describes how to build a desktop application with Vue.js framework and NW.js library. - http://amp.gs/Vakv

#vue #nw

Handling Time Zones in JavaScript - http://amp.gs/Vofz

#javascript #timezone

Why I Don’t Use React Router

“While I’m sure React-Router works quite well for a lot of people, I’ve always disliked working with React-Router. I’ll try to summarize my reasons.” - http://amp.gs/VMnT

#redux

When To Subscribe

Ben Lesh has a terrific article called “Don’t Unsubscribe”, telling you why you are better off not explicitly unsubscribing, but instead relying on constructs that cause the unsubscriptions to happen. In that spirit, Michael wanted to title this article “Don’t Even Subscribe”, but the truth is, there are a few places where you have to subscribe, so he settled for the less-emphatic title you see. - http://amp.gs/VMir

#angular

Exploring JavaScript Modules: From IIFEs to CommonJS to ES6 Modules

A commonly 'under-learned' aspect of JavaScript is the module system, but given its unusual and varied history, that might not be a surprise. In this post (which also comes in video form), Tyler McGinnis provides a useful refresher of module approaches, both past and present. - http://amp.gs/V50b

#javascript

Browser Rendering Optimizations for Frontend Development

Jordan Irabor explores the conditions that can enable and prevent a web application to run optimally at 60 frames per second and looks at several optimizations that you can plug into the browser’s rendering pipeline. - http://amp.gs/VQtM

#frontend #optimization