Skip to content

Instantly share code, notes, and snippets.

Chris Ferdinandi cferdinandi

Block or report user

Report or block cferdinandi

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View array-find.html
<!DOCTYPE html>
<html>
<head>
<title>Array.find()</title>
</head>
<body>
<script>
//
// IE9 Support
@cferdinandi
cferdinandi / index.html
Created Mar 18, 2020
classes vs. constructors in a revealing module pattern
View index.html
<!DOCTYPE html>
<html>
<head>
<title>Classes</title>
</head>
<body>
<script>
// This is a Contructor inside a Revealing Module Pattern
// It creates the scoped namespace for the entire set of methods
View loop-tests.html
<!DOCTYPE html>
<html>
<head>
<title>Loop Performance</title>
<style type="text/css">
body {
margin: 1em auto;
max-width: 40em;
text-align: center;
View hamburger-menu.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Animated Hamburger menu</title>
<style>
html {
font-size: 20px;
View core.js
// The core app code
var myApp = (function () {
'use strict';
// Create a public methods object
var methods = {};
/**
* Extend the public methods object
View 1.html
<!DOCTYPE html>
<html>
<head>
<title>1 | Safari Bug</title>
<style type="text/css">
body {
margin: 0 auto;
max-width: 40em;
width: 88%;
View 1.html
<!DOCTYPE html>
<html>
<head>
<title>1 | Safari Bug</title>
<style type="text/css">
body {
margin: 0 auto;
max-width: 40em;
width: 88%;
@cferdinandi
cferdinandi / .eslintrc.js
Last active Aug 5, 2019
My ESLint config (work-in-progress)
View .eslintrc.js
module.exports = exports = {
"env": {
"browser": true,
"es6": true,
},
"plugins": ["es"],
"extends": "eslint:recommended",
@cferdinandi
cferdinandi / recruiter.md
Created Aug 2, 2019
Was I too harsh here?
View recruiter.md

Recruiter Email:

We have reached out to you in the past and wanted to make sure you didn't miss this opportunity with [REDACTED]. We take pride in building a strong culture and making work a place you love to be every day, especially since we spend so much of our lives doing it!

At [REDACTED] we are committed to providing you with a job you love doing everyday and take pride in making sure you are home for dinner. We ask that you come on-site 2 days a week and you can work remotely the rest of the time. However, you might want to come in anyways! Every new team member gets a $500 slush fund towards enhancing the office/workspace (we have 3D printers!), game nights, and team trips. For example, the team is heading to Amsterdam this year!

I would love to tell you more about what we can offer you. When do you have 10-15 minutes to talk?

My Response:

View selectorPerformanceTest.html
<!DOCTYPE html>
<html>
<head>
<title>localStorage Performance Test</title>
</head>
<body>
<ul id="app"></ul>
<script>
You can’t perform that action at this time.