Chris Ferdinandi cferdinandi

## 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));

## 01-different-types.html
<!DOCTYPE html>
<html>
<head>
	<title>Performance Test</title>
</head>
<body>


	<script>
		// Variables

## ding.mp3

      
              2 files
            
          
              0 forks
            
          
              2 comments
            
          
              2 stars
            
          
                cferdinandi
                / ding.mp3
            
            
              Last active
              March 11, 2023 16:19
            
              
                https://gomakethings.com/how-to-play-a-sound-with-javascript/
              
          
      View ding.mp3
  
    
            View raw
        
    
## 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%;
	// 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>
	<head>
	<title>Performance Test</title>
	</head>
	<body>


	<script>
	// Variables
	<!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 -->