Discover justinribeiro/webnfc-reader Open Source project

A tiny no-frills speedometer progressive web app based on Geolocation API, AmbientLightSensor API, and WakeLock API.

642

speedometer-pwa

Various dockerfiles including chrome-headless, lighthouse and other tooling.

347

dockerfiles

Dockerfile

212

go-gopher-model

A 3D model of the Go Gopher mascot. We ❤️ Go.

188

pwa-firebase-functions-botrender

Rendering PWA metadata to link bots with a Firebase Function and Chrome headless

Zotero plugin for fetching number of citations from Google Scholar.

zotero-google-scholar-citation-count

Sample using lighthouse and lighthouse-core with Mocha to run tests on your project/site.

lighthouse-mocha-example

Audit deployed web sites with my artisanal blend of WPT Network Emulation Profiles, Puppeteer, Chrome headless, Lighthouse, and Github Actions.

lighthouse-action

Combining Lit Web Components, Hugo, Service Worker, and Rollup into a progressive web app blog.

blog-pwa

A tiny no-frills screen reading light progressive web app based on WakeLock API.

readinglight-pwa

Android HostCardEmulation sample that implements NFC Forum Type 4 Tag Operation

android-hostcardemulation-sample

Java

immersive-videoplayer-android

A demo project that incorporates a video player that hides unnecessary ui elements from the screen.

Java

lighthouse-jest-example

Sample using lighthouse and puppeteer with jest to run tests on your project/site.

A WebGL morph target progressive web application demo.

ginger

A web component that displays colorfully formatted code with Prism.js and LitElement.

code-block

A lit-element web component that uses Three.js to display an STL model file.

stl-part-viewer

Multitouch keyboard implemented with HTML5 canvas, touch events API and Magictouch.js

onscreen-keyboard-html5-canvas-multitouch

Tooling to generate Google Glass related materials (icons, layouts, et cetera).

glass-asset-utils

A web component that reads barcodes via the Shape Detection API via a Web Worker.

barcode-reader

Using Google Cloud Storage with Images Python API for responsive image fun

resp-img-get-serving-url-appengine

Output a video file from screenshot frames within a Chrome DevTools JSON trace file.

devtools-to-video

A web component that lazy loads TikTok embeds. Currently experimental and a work in progress.

lite-tiktok

Basic Google Analytics web component with Do Not Track support.

ga-dnt-analytics

Examples and code from justinribeiro.com

justinribeiro.com-examples

Chrome App that talks to Android host-based card emulation application.

hce-to-chromenfc-app

Listen for Github commits and send them to Google Glass

Github2Glass

PHP

html5-dragdroptouch-shim

An opinionated shim that polyfills HTML5 drag and drop support on mobile devices with Event.ComposedPath() support

LitElement, Polymer v2/v3, and Web Components code snippets for Visual Studio Code.

vscode-polymer2-snippets

An experimental Chrome DevTools theme.

chrome-devtools-theme-atom-dark-green-cursor

CSS

dof-calculator-pwa

A tiny no-frills progressive web app depth of field calculator for film cameras.

A small web component that uses a <dialog> to allow setting of a target Mastodon instance from the user to allow easier sharing.

share-to-mastodon

Plugin that adds Google Cloud Storage support for Ghost 0.11.10.

ghost-gcs

Service Worker Codelab for Feb 2015 GDG Oakdale Meetup

service-worker-codelab-gdg-oakdale

Sample Glassware application that shows the use of a App Engine push task queue to serve cards in the future.

glass-task-future

Python script that uses Snimpy to extract SNMP data for WAN traffic and push to Firebase

wan-snmp-to-firebase-bridge

<glass-timer> polymer element for feeding data from Google Glass > MQTT Broker > Web

polymer-glass-timer-mqtt

An accessible, fast, and WCAG 2.1 compliant toggle style tooltip web component using role=status.

toggle-tooltip

Getting started building Chrome extensions.

chrome-extensions-codelab-gdg-oakdale

Command line auto-completion for Lighthouse (https://github.com/GoogleChrome/lighthouse)

lighthouse-autocompletion

Shell

glass-gdk-lowfreq-mqtt-live-card

Sample Glassware GDK application that shows the use of Eclipse Paho/MQTT for low frequency live card.

Java

paper-snackbar

Polymer 2 web component providing brief feedback about an operation through a message at the bottom of the screen that is loosely based on the Material Design spec.

3D model of Western Electric Model 500 base for a modern cell phone.

we-model-500-phone-stand

ReplicatorG-webstatus

Web status frontend for my ReplicatorG branch

jQuery plugin that implements WebSockets with $.callbacks()

jquery-websocket-callback

Bash script that calls GitHub API, remove default repo labels, and adds new labels.

gen-labels-github

Shell

ReplicatorG-websocketserver

WebSocket server based on pywebsocket for use with my ReplicatorG and ReplicatorG-webstatus branches

3D models for 4x5 film masks for a custom negative holder for my Beseler 45MX enlarger.

4x5-film-masks-beseler

dotfiles

Bespoke dotfiles per my preferences. **There be dragons.**

Shell

glass-daily-card

Sample Glassware application that uses App Engine cron to send a daily card to users.

Progressive Web App for use with my traveling beacon that offers my slides.

is-justin-talking