Chris Ferdinandi cferdinandi

## lazy-loading.html
<!DOCTYPE html>
<html lang="en">

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

		<style type="text/css">
			body {

## index.html
<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>CodePen - Monster flip card</title>
  <link rel="stylesheet" href="./style.css">

</head>
<body>
<!-- partial:index.partial.html -->

## 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%;
	<!DOCTYPE html>
	<html lang="en">

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

	<style type="text/css">
	body {
	<!DOCTYPE html>
	<html lang="en" >
	<head>
	<meta charset="UTF-8">
	<title>CodePen - Monster flip card</title>
	<link rel="stylesheet" href="./style.css">

	</head>
	<body>
	<!-- partial:index.partial.html -->
	<!DOCTYPE html>
	<html>
	<head>
	<title>War</title>

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