Issue 395 - How to Use the Web Share API (23)

How to Use the Web Share API — This API provides a way to trigger the native share dialog of a device when sharing content, such as a link, directly from a website or web app. It's mostly focused on mobile use cases so far but the latest Safari build supports it too.

Are Long JavaScript Tasks Delaying Your 'Time to Interactive'? — Chrome DevTools can now visualize ‘Long Tasks’ (code that causes the main thread to freeze, breaking the user experience) making it easier to debug and optimize away any problems.

Image & Video Management Made for Front-End Developers — Simplify and automate the process of uploading, manipulating, optimizing, and delivering images and videos across every device at any bandwidth. Try Cloudinary. See how easy media management can be. Get your own free account today.

The Concept of 'Micro Frontends' — A look at a pattern aroundo splitging up your large, complex, frontend codebases into simple, composable, independently deliverable apps that integrate together.

▶  Using DevTools To Understand Modern CSS Layouts — Explains a variety of modern CSS layout techniques through live demonstrations via DevTools.

Styling in Modern Web Apps — A dive into the different ways of organizing styling in modern apps, which often have complex interfaces and design patterns.

Mozilla Will Reportedly Launch a Paid Version of Firefox — A premium version of Firefox, offering a VPN and secure cloud storage, is expected to launch by October.

JavaScript / React Performance Optimization Engineer - Exodus (Remote) — Exodus are looking for an obsessive engineer to work on improving the performance of the Exodus desktop application.

Safari Web Inspector Now Includes A New CPU Usage Timeline — ...that lets devs measure a page’s CPU usage, estimate its energy impact, and more easily investigate sources of script execution that may be contributing to poor energy utilization.

▶  Hello Subgrid — Rachel Andrew, member of the CSS Working Group, introduces Subgrid — with various use cases, example code and thoughts on where we might see Grid going in the future.

It’s Finally Possible to Code Web Apps on an iPad Pro — ...using Visual Studio Code. (Originally shared in our mobile development newsletter.)

Exploring Domain-Driven Design at CircleCI — One thing that has helped maintain a sense of consistency has been for us to adopt a different approach to writing software: Domain-Driven Design.

An Introduction to the MediaRecorder API — Here's how to use the MediaRecorder browser API to record audio and video in the browser.

'Why We Prefer CSS Custom Properties to SASS Variables' — Some practical examples of how CSS variables can power-up your workflow.

CSS Grid and IE11 — A look at how a little JavaScript "helped us make peace" with CSS Grid and IE11.

Write HTML Like It's 1999 — A reminder of good semantic best practices to “inspire you to keep things simple”.

html5-boilerplate: A Professional Front-End Template for Building Fast, Robust, and Adaptable Web Apps/Sites — This project has been around for several years now, but recently saw an update and remains a highly popular templating choice.

lightweight-charts: Financial Lightweight Charts Built with HTML5 Canvas — If you want to replace static image charts with interactive ones that are small and fast this HTML5 charts library may be worth a look.

Find A Job Through Vettery — Vettery specializes in dev roles and is completely free for job seekers.