heyjohfa

audion

Audion is a Chrome extension that adds a Web Audio panel to Developer Tools. This panel visualizes the web audio graph in real-time.

beginner-html-site

A simple one page website created to help complete beginners learn HTML basics. This example is built up over the course of https://developer.mozilla.org/en-US/Learn/Getting_started_with_the_web/HTML_basics

beginner-html-site-scripted

A simple one page website created to help complete beginners learn HTML basics, which in this repo has also had some script added to help beginners learn JavaScript basics. The scripting is explained over the course of https://developer.mozilla.org/en-US/Learn/Getting_started_with_the_web/JavaScript_basics.

beginner-html-site-styled

A simple one page website created to help complete beginners learn HTML basics, which in this repo has also been styled to help beginners learn CSS basics. The styling is explained over the course of https://developer.mozilla.org/en-US/Learn/Getting_started_with_the_web/CSS_basics.

bob

Builder of Bits aka The MDN Web Docs interactive examples, example builder

browser-compat-data

This repository contains compatibility data for Web technologies as displayed on MDN

content

The content behind MDN Web Docs

dash.js

A reference client implementation for the playback of MPEG DASH via Javascript and compliant browsers.

developer.chrome.com

Chrome Developers

gui-challenges

Components from the YouTube show GUI Challenges: accessible, responsive, adaptive and cross browser components.

houdini-examples

CSS Houdini examples relating to MDN content.

interactive-examples

Home of the MDN live code editor interactive examples

kino

A sample offline streaming video PWA built for web.dev/media

lighthouse

Automated auditing, performance metrics, and best practices for the web.

lighthouse-ci

Automate running Lighthouse for every commit, viewing the changes, and preventing regressions

museum

A historic collection of MDN Web Docs content and examples

my-portfolio

omnitone

Spatial Audio Rendering on the web.

pab

MDN Web Docs Product Advisory Board

perf-examples

Examples related to MDN performance documentation; see https://developer.mozilla.org/en-US/docs/web/Performance

pwa-examples

Examples for progressive web apps.

web-tech-games

Interactive diagram showing what parts of the web technology stack can used for different purposes when creating games. Includes links to more information about each.

web.dev

The frontend, backend, and content source code for web.dev

webaudio-examples

Code examples that accompany the MDN Web Docs pages relating to Web Audio.

webextensions-examples

Example Firefox add-ons created using the WebExtensions API

webstore-docs

Developer docs for Chrome Web Store:

workbox

📦 Workbox: JavaScript libraries for Progressive Web Apps

yari

The platform code behind MDN Web Docs

blog

heyjohfa.github.io