Chris Ferdinandi cferdinandi

## war-refactor.html
<!DOCTYPE html>
<html>
<head>
	<title>War</title>

	<style type="text/css">
		body {
			margin: 0 auto;
			max-width: 40em;
			width: 88%;

## caesar-cipher.html
<!DOCTYPE html>
<html>
<head>
	<title>Caesar Cipher</title>

	<style type="text/css">
		body {
			margin: 0 auto;
			max-width: 40em;
			width: 88%;

## react-todos-with-reef.html
<!DOCTYPE html>
<html>
<head>
	<title>React Todos in Vanilla JS</title>
	<style type="text/css">
		body {
			margin: 0 auto;
			max-width: 40em;
			width: 88%;
		}

## react-todo-to-vanilla-js.html
<!DOCTYPE html>
<html>
<head>
	<title>React Todos in Vanilla JS</title>
	<style type="text/css">
		body {
			margin: 0 auto;
			max-width: 40em;
			width: 88%;
		}

## accordions.html
<!DOCTYPE html>
<html>
<head>
	<title>Accordions</title>

	<style type="text/css">
		body {
			margin: 0 auto;
			max-width: 40em;
			width: 88%;

## fitvids-vanilla.html
<!DOCTYPE html>
<html>
<head>
	<title>Vanilla Fitvids.js</title>

	<style type="text/css">
		body {
			margin: 0 auto;
			max-width: 40em;
			width: 88%;

## README.md

      
              3 files
            
          
              1 fork
            
          
              2 comments
            
          
              11 stars
            
          
                cferdinandi
                / README.md
            
            
              Created Oct 15, 2020
            
              
                A vanilla JS fork of Lettering.js
              
          
      View README.md
  
    
    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.

  
## dice.html
<!DOCTYPE html>
<html>
<head>
	<title>Dice</title>

	<style type="text/css">
		body {
			margin: 1em auto;
			max-width: 40em;
			width: 88%;

## print-to-pdf.html
<!DOCTYPE html>
<html lang="en-us">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>Print to PDF</title>
		<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">


		<style type="text/css">

## tests.js
var mapDOM = function (elem) {
	return {
		NODE: elem,
		ATTRIBUTES: elem.attributes,
		PARENT: elem.parentNode,
		CHILDREN: Array.prototype.map.call(elem.childNodes, function (child) {
			return mapDOM(child);
		})
	};
};
	<!DOCTYPE html>
	<html>
	<head>
	<title>War</title>

	<style type="text/css">
	body {
	margin: 0 auto;
	max-width: 40em;
	width: 88%;
	<!DOCTYPE html>
	<html lang="en-us">
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>Print to PDF</title>
	<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">


	<style type="text/css">
	var mapDOM = function (elem) {
	return {
	NODE: elem,
	ATTRIBUTES: elem.attributes,
	PARENT: elem.parentNode,
	CHILDREN: Array.prototype.map.call(elem.childNodes, function (child) {
	return mapDOM(child);
	})
	};
	};