Arnelle Balane

hermes. Client-side messaging channel for sending data from one browser tab to another

simple-todo. A browser extension that replaces the new tab page with a simple todo list

mdi-cli. Generate material design icons from the command line

google-meet-pip. Chrome extension to display a selected Google Meet participant's video in a Picture-in-Picture window

imgur-upload-cli. upload images to imgur.com from your command line.

shape-detection-api-demo. Shape Detection API Demo Application

wifi-cli. Manage wireless network connections from the command line

trex-runner. chromium's offline t-rex game extracted from the chromium repository

streaks. Keep track of anything using Github-style streaks

zipcodes-ph. Philippines zip codes directory

picture-in-picture-video. Picture-in-Picture (PiP) demo on a video element

parcel-plugin-data-src. ParcelJS plugin to bundle resources defined in data-* attributes

add-to-cart-animation. Frontend Challenge: Add-To-Cart Animation

navigation-scroll-spy. Navigation scroll spy demo using IntersectionObserver API and VueJS

snippets. Host code snippets online

awesomewm-config. My personal awesomewm configuration

instagram-graphql. JavaScript

figma-dot-grid. Easily generate dot grids for your Figma designs

vue-intersect. VueJS plugin that reports element intersections using the IntersectionObserver API

isthisgovphsitesecure.com. Show which gov.ph sites are secure and when their SSL certificates expire

sublime-open-in-git-repository. Sublime Text plugin for opening the remote git url for the current file.

houdini-paint-dot-grid. Draw dot-grid backgrounds using CSS Paint API

peanut. Video-calling application for the Web using WebRTC

random-quotes. Get random quotes

arnellebalane.com-v5. My personal website, where I experiment with new Web stuff

instagram-client. JavaScript

pip-audio-visualization. A demo on displaying audio visualization inside a Picture-in-Picture window

javascript-workshop. JavaScript

offline-pwa-demo. demo application for my blog post about offline progressive web apps

chatapp-pwa-nodejs. a progressive web app demo application built with nodejs and the express framework.

instagram-server. JavaScript

arnellebalane.com-v6. My personal website, where I experiment with new Web stuff

valentines-player. Valentines-themed Web-based audio player built with the Web Audio API and Polymer

eslint-config-arnellebalane. My personal ESLint configuration

ghk. write git hooks using nodejs

dotfiles. Backup for my commonly-used dotfiles

iot-record-player. Record player built with ESP8266, PN532, and Spotify Web API

file-explorer. WIP: An Electron-based file explorer application

advent-of-code. JavaScript

notifications-audio-player. Experiment application on showing audio visualizations via notifications

live-stream-opentok. Live streaming on the Web using OpenTok

devquote. get a random developer quote

twitter-django-vue. A Twitter clone application built with Django and VueJS

instagram-clone. Web Development: Zero to Hero workshop for DSC Playground

skourse-html-css-workshop. Portfolio site for Skourse Academy's HTML and CSS Workshop

word-counter. A Chrome extension that counts the number of words in the page, kinda.

custom-drag-image-example. Demo on how to set a custom drag image with the Drag and Drop API

qtff-parser. WIP: QuickTime File Format Parser

web-share-api-demo. Demo application using the Web Share API

link-preview-portals. JavaScript

default-arguments. give default arguments to function calls

github-file-icon. 🌈 🗂 A browser extension which gives different filetypes different icons on GitHub, Gitlab, Bitbucket, gitea and gogs.

webauthn-api-demo. JavaScript

battery-status-api-demo. Demo application displaying the device's battery status using the Battery Status API