California

Dr. Justin Ribeiro, Ph.D.

Elite
@justinribeiro

I ❤️ the web, co-host The Web Platform podcast, DM Design & Innovation Fellow and Engaged Practitioner Scholar @ Case Western Reserve University.

lite-youtube. The fastest little YouTube web component on this side of the internet. The shadow dom web component version of Paul's lite-youtube-embed.

1.4k

zotero-google-scholar-citation-count. Zotero plugin for fetching number of citations from Google Scholar.

416

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

354

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

222

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

214

pwa-firebase-functions-botrender. Rendering PWA metadata to link bots with a Firebase Function and Chrome headless

69

android-hostcardemulation-sample. Android HostCardEmulation sample that implements NFC Forum Type 4 Tag Operation

61

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

59

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

58

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

57

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

52

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

38

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

34

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

33

ginger. A WebGL morph target progressive web application demo.

24

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

22

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

20

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

15

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

14

onscreen-keyboard-html5-canvas-multitouch. Multitouch keyboard implemented with HTML5 canvas, touch events API and Magictouch.js

13

chrome-nfc. Chrome App NFC Library. JDR: Implemented NFC Forum Type 4 Tag Operation.

13

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

12

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

12

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

11

resp-img-get-serving-url-appengine. Using Google Cloud Storage with Images Python API for responsive image fun

11

webnfc-reader. A Polymer 3 / lit-element web component that uses WebNFC to read NFC tags.

10

justinribeiro.com-examples. Examples and code from justinribeiro.com

9

ReplicatorG. An open-source gcode interpreter for driving RepRaps, Makerbots, and other similar CNC beasties. JDR: Adding remote monitoring via MQTT.

8

ga-dnt-analytics. Basic Google Analytics web component with Do Not Track support.

8

chrome-devtools-theme-atom-dark-green-cursor. An experimental Chrome DevTools theme.

6

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

6

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

6

ghost-gcs. Plugin that adds Google Cloud Storage support for Ghost 0.11.10.

3

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

2

mplus-data-sets-and-templates. A collection of MPlus datasets and INP templates for study purposes.

2

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

2

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

2

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

2

wan-snmp-to-firebase-bridge. Python script that uses Snimpy to extract SNMP data for WAN traffic and push to Firebase

2

lit-web-components-vscode-extension-pack. A set of VS Code extensions useful for developing LitElement Web Components.

1

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

1

jquery-websocket-callback. jQuery plugin that implements WebSockets with $.callbacks()

1

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

1

ReplicatorG-webstatus. Web status frontend for my ReplicatorG branch

1
44
Apply