View IIFE.md

IIFE (Immediately Invoked Function Expression)

!function() {
  // Code in here is encapsulated
}();

Note that ! is safer than () because () could invoke preceding code

View useColor.js
!function() {
var handle = "useColor";
var storage = window.sessionStorage;
var href = storage && storage.getItem(handle) || "";
var control = document.getElementById(handle);
if (!control) throw new Error("Unused code.");
var head = document.head;
var link = document.createElement("link");
link.rel = "stylesheet";
control.value = link.href = href;
View test.js
const fs = require("fs")
const validator = require("html-validator")
const validateFile = (file) => {
fs.readFile(file, "utf-8", (err, content) => {
if (err) throw err;
console.log("Validating:", file);
validator({
data: content,
format: "text",
}, (err, report) => {
View brad.md

brad frost let's business core values the culture engine com ubuntu design voice and tone special snowflake syndrone carbon design sys unity glue

View README.md

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

View classing.js
const facade = Object.freeze({
"Additive": "border-box overflow-visible m0 p1 line-single size-fine rounded border case-none pointer shadow-ring tone-additive",
"Ask": "block-table unbold line-single size-fine",
"Destructive": "border-box overflow-visible m0 p1 line-single size-fine rounded border case-none pointer shadow-ring tone-destructive",
"Input": "border-box width-fit overflow-visible m0 p1 pl2 pr2 line-single size-fine rounded border shadow-ring",
"Input:valid": "border-box width-fit overflow-visible m0 p1 pl2 pr2 line-single size-fine rounded border shadow-ring tone-valid",
"Input:validity": "border-box width-fit overflow-visible m0 p1 pl2 pr2 line-single size-fine rounded border shadow-ring tone-validity",
"Input:invalid": "border-box width-fit overflow-visible m0 p1 pl2 pr2 line-single size-fine rounded border shadow-ring tone-invalid",
"Field": "border-none p0 m0",
"Primary": "border-box overflow-visible m0 p1 line-single size-fine rounded border case-none pointer shadow-ring to
View data.md
<Button
  data-shadow="raised"
  data-shape="button"
  data-spacing="ml-auto"
  data-tone="secondary">
  Cancel
</Button>
<Button
  data-shadow="raised"