Arnelle Balane

Writing

  1. Async Clipboard API: Accessing the clipboard using JavaScript

    Async Clipboard API: Accessing the clipboard using JavaScript

    This article shows how to use the Async Clipboard API to access the system clipboard very easily.

  1. Let's build a video calling app! - Part One

    This article shows the concepts and process behind building a video calling app using Web technologies

  2. Playing the T-Rex Runner game inside a Picture-in-Picture window

    This article describes an experiment that I did with running Chrome's T-Rex Runner game inside a PiP window.

  3. Setting up multiple GitHub accounts, the nicer way

    This is an updated setup for multiple GitHub accounts on the same machine.

  4. Negative indexes in JavaScript arrays using Proxies

    This article shows how we can utilize Proxies in order to use negative indexes in JavaScript arrays.

  5. Building a site navigation menu using React Hooks

    This article describes how I used React Hooks to make a stateful navigation menu.

  6. Using the Ambient Light Sensor API to add brightness-sensitive dark mode to my website

    This article describes how I added dark mode to my website, which automatically toggles based on the brightness of the surroundings.

  7. Using lazysizes to lazyload images on the Web

    Lazysizes is a JavaScript library for lazy-loading images on the Web. This article demonstrates how to use it.

  8. The Picture-in-Picture API

    The Picture-in-Picture API (PiP) allows Web pages to play a video in a little window that stays on top of other windows.

  9. The Intersection Observer API

    The Intersection Observer API allows for observing changes to how much of a target element's area intersects with that of an ancestor element or the viewport.

  10. Building the frontend for the Endpoints project

    This article describes our experience of building the frontend for a project we worked on.

  11. Setting up multiple GitLab accounts

    This tutorial explains how to setup multiple GitLab accounts on the same machine.

  12. Sending data across different browser tabs

    This article describes three different ways to send data across browser tabs using different Web Platform APIs.

  13. Updating my website to use JavaScript Modules

    JavaScript Modules has landed in Chrome 61, and this article describes how I started using it on my website.

  14. Introduction to RequireJS

    This article gives an introduction to RequireJS, a popular AMD module loader for the Web.

  15. The Credential Management API

    The Credential Management API is a browser API which provides programmatic access to the browser's credential manager and helps users sign in to our apps more easily and seamlessly.

  16. The Shape Detection API

    The Shape Detection API allows Web applications to detect faces, text, and barcodes directly on the browser.

  17. The Web Share API

    The Web Share API allows Web apps to invoke the native share dialog. This article explains how to use it.

  18. Offline web applications with Service Workers

    In this article, we will see how to use Service Workers to create a Progressive Web Application that works even without network connectivity.