Chris Ferdinandi cferdinandi

## myplugin-media.js
/**
 * Load media uploader on pages with our custom metabox
 */
 jQuery(document).ready(function($){

	'use strict';

	// Instantiates the variable that holds the media library frame.
	var metaImageFrame;

## README.md

      
              3 files
            
          
              2 forks
            
          
              2 comments
            
          
              20 stars
            
          
                cferdinandi
                / README.md
            
            
              Created
              October 15, 2020 15:45
            
              
                A vanilla JS fork of Lettering.js
              
          
    Vanilla Lettering.js

A vanilla JS fork of Lettering.js. Follow along in the tutorial video at https://gomakethings.com/converting-a-jquery-plugin-to-vanilla-js-lettering.js/.
Usage

1. Instantiate the plugin

Pass in a selector for the elements you want to run Vanilla Lettering.js on.

  
## sw-boilerplate.js
// Core assets
let coreAssets = [];

// On install, cache core assets
self.addEventListener('install', function (event) {

	// Cache core assets
	event.waitUntil(caches.open('app').then(function (cache) {
		for (let asset of coreAssets) {
			cache.add(new Request(asset));

## preact.html
<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<title>Preact</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
	</head>

	<body>

## index.html
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>Web Components</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<style type="text/css">
			body {
				margin: 0 auto;

## 01-event-delegation.html
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>Event Delegation</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<style type="text/css">
			body {
				margin: 1em auto;

## index.html
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>Data Binding</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<style type="text/css">
			body {
				margin: 1em auto;

## vanilla-js-plugin.js
(function (root, factory) {
    if ( typeof define === 'function' && define.amd ) {
        define([], factory(root));
    } else if ( typeof exports === 'object' ) {
        module.exports = factory(root);
    } else {
        root.myPlugin = factory(root);
    }
})(typeof global !== 'undefined' ? global : this.window || this.global, function (root) {

## ding.mp3

      
              2 files
            
          
              0 forks
            
          
              2 comments
            
          
              3 stars
            
          
                cferdinandi
                / ding.mp3
            
            
              Last active
              September 6, 2023 18:27
            
              
                https://gomakethings.com/how-to-play-a-sound-with-javascript/
              
          
            View raw
        
    
## classes.html
<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<title>Classes</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
	</head>

	<body>
	/**
	* Load media uploader on pages with our custom metabox
	*/
	jQuery(document).ready(function($){

	'use strict';

	// Instantiates the variable that holds the media library frame.
	var metaImageFrame;
	// Core assets
	let coreAssets = [];

	// On install, cache core assets
	self.addEventListener('install', function (event) {

	// Cache core assets
	event.waitUntil(caches.open('app').then(function (cache) {
	for (let asset of coreAssets) {
	cache.add(new Request(asset));
	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="utf-8">
	<title>Preact</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	</head>

	<body>
	(function (root, factory) {
	if ( typeof define === 'function' && define.amd ) {
	define([], factory(root));
	} else if ( typeof exports === 'object' ) {
	module.exports = factory(root);
	} else {
	root.myPlugin = factory(root);
	}
	})(typeof global !== 'undefined' ? global : this.window \|\| this.global, function (root) {