Andrew Huang andytron

## selectorPerformanceTest.html
<!DOCTYPE html>
<html>
<head>
	<title>localStorage Performance Test</title>
</head>
<body>

	<ul id="app"></ul>

	<script>

## demo.html
<!DOCTYPE html>
<meta charset=utf-8>
<meta name=viewport content="width=device-width, initial-scale=1">
<title>#merryCSSmas bundle</title>

<style>
  * {
    box-sizing: border-box;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;

## vimeo-downloader.js
// 1. Open the browser developper console on the network tab
// 2. Start the video
// 3. In the dev tab, locate the load of the "master.json" file, copy its full URL
// 4. Run: node vimeo-downloader.js "<URL>"
// 5. Combine the m4v and m4a files with mkvmerge

const fs = require('fs');
const url = require('url');
const https = require('https');

## easings.css
:root {
  --ease-in-quad:       cubic-bezier(0.55, 0.085, 0.68, 0.53);
  --ease-in-cubic:      cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --ease-in-quart:      cubic-bezier(0.895, 0.03, 0.685, 0.22);
  --ease-in-quint:      cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --ease-in-expo:       cubic-bezier(0.95, 0.05, 0.795, 0.035);
  --ease-in-circ:       cubic-bezier(0.6, 0.04, 0.98, 0.335);
  --ease-out-quad:      cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-out-cubic:     cubic-bezier(0.215, 0.61, 0.355, 1);
  --ease-out-quart:     cubic-bezier(0.165, 0.84, 0.44, 1);

## safari-nomodule.js
// UPDATE: In 2023, you should probably stop using this! The narrow version of Safari that
// does not support `nomodule` is probably not being used anywhere. The code below is left
// for posterity.

/**
 * Safari 10.1 supports modules, but does not support the `nomodule` attribute - it will
 * load <script nomodule> anyway. This snippet solve this problem, but only for script
 * tags that load external code, e.g.: <script nomodule src="nomodule.js"></script>
 *
 * Again: this will **not** prevent inline script, e.g.:

## arrayFilterFactory.1.ts
type FilterOperator = 'AND' | 'OR';
type FiltersBy<T> = {
  [K in keyof T]?: (value: T[K]) => boolean;
};

/**
 * Factory function that creates a specialized function to filter
 * arrays, by validating all filters (AND operator),
 * or validating just one of the filters (OR operator).
 * @param operator Method to validate all filters: AND, OR

## error-handling-with-fetch.md

      
              1 file
            
          
              31 forks
            
          
                26 comments
              
            
              155 stars
            
          
                odewahn
                / error-handling-with-fetch.md
            
            
              Last active
              June 9, 2024 14:27
            
              
                Processing errors with Fetch API
              
          
    I really liked @tjvantoll article Handling Failed HTTP Responses With fetch().  The one thing I found annoying with it, though, is that response.statusText always returns the generic error message associated with the error code.  Most APIs, however, will generally return some kind of useful, more human friendly message in the body.
Here's a modification that will capture this message.  The key is that rather than throwing an error, you just throw the response and then process it in the catch block to extract the message in the body:
fetch("/api/foo")
  .then( response => {
    if (!response.ok) { throw response }
    return response.json()  //we only get here if there is no error
 })


## leftpad.js
function leftpad(str, len, ch) {
    const padlen = Math.max(0, (len - Array.from(`${str}`).length));
    const pad = (ch || ch === 0) ? `${ch}` : " ";
    return `${pad.repeat(padlen)}${str}`;
}

if (require.main === module) {
    console.log(leftpad(123, 4));
    console.log(leftpad(1234, 3));
    console.log(leftpad("abc", 3));

## form-save.js
// NOTE: the '#form-id' selector below will most certainly be different
// for whatever page you're on. Remember to change it in both instances!

// run this in the terminal to save the state of your form
// in your browser's LocalStorage:
[].forEach.call(document.querySelector('#form-id').elements, function(el) {
  localStorage.setItem(el.name, el.value);
});

// then refresh the page and run this to restore your form values:

## ultimate-ut-cheat-sheet.md

      
              1 file
            
          
              311 forks
            
          
                18 comments
              
            
              1772 stars
            
          
                yoavniran
                / ultimate-ut-cheat-sheet.md
            
            
              Last active
              July 16, 2025 06:32
            
              
                The Ultimate Unit Testing Cheat-sheet For Mocha, Chai, Sinon, and Jest
              
          
    The Ultimate Unit Testing Cheat-sheet


Sinon Chai
Chai
Sinon
	<!DOCTYPE html>
	<html>
	<head>
	<title>localStorage Performance Test</title>
	</head>
	<body>

	<ul id="app"></ul>

	<script>
	<!DOCTYPE html>
	<meta charset=utf-8>
	<meta name=viewport content="width=device-width, initial-scale=1">
	<title>#merryCSSmas bundle</title>

	<style>
	* {
	box-sizing: border-box;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	// 1. Open the browser developper console on the network tab
	// 2. Start the video
	// 3. In the dev tab, locate the load of the "master.json" file, copy its full URL
	// 4. Run: node vimeo-downloader.js "<URL>"
	// 5. Combine the m4v and m4a files with mkvmerge

	const fs = require('fs');
	const url = require('url');
	const https = require('https');
	:root {
	--ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
	--ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	--ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
	--ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
	--ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
	--ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
	--ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	--ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
	--ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
	// UPDATE: In 2023, you should probably stop using this! The narrow version of Safari that
	// does not support `nomodule` is probably not being used anywhere. The code below is left
	// for posterity.

	/**
	* Safari 10.1 supports modules, but does not support the `nomodule` attribute - it will
	* load <script nomodule> anyway. This snippet solve this problem, but only for script
	* tags that load external code, e.g.: <script nomodule src="nomodule.js"></script>
	*
	* Again: this will not prevent inline script, e.g.:
	type FilterOperator = 'AND' \| 'OR';
	type FiltersBy<T> = {
	[K in keyof T]?: (value: T[K]) => boolean;
	};

	/**
	* Factory function that creates a specialized function to filter
	* arrays, by validating all filters (AND operator),
	* or validating just one of the filters (OR operator).
	* @param operator Method to validate all filters: AND, OR
	function leftpad(str, len, ch) {
	const padlen = Math.max(0, (len - Array.from(`${str}`).length));
	const pad = (ch \|\| ch === 0) ? `${ch}` : " ";
	return `${pad.repeat(padlen)}${str}`;
	}

	if (require.main === module) {
	console.log(leftpad(123, 4));
	console.log(leftpad(1234, 3));
	console.log(leftpad("abc", 3));
	// NOTE: the '#form-id' selector below will most certainly be different
	// for whatever page you're on. Remember to change it in both instances!

	// run this in the terminal to save the state of your form
	// in your browser's LocalStorage:
	[].forEach.call(document.querySelector('#form-id').elements, function(el) {
	localStorage.setItem(el.name, el.value);
	});

	// then refresh the page and run this to restore your form values: