eddiemoore

/*
  Spec: https://wicg.github.io/shape-detection-api/#barcode-detection-api
*/

interface BarcodeDetector {
	detect(image: ImageBitmapSource): Promise<DetectedBarcode[]>;
}

type BarcodeFormat =
	| "aztec"

eddiemoore

type CamelCase<T> = T extends `-${infer A}-${infer B}`
  ? `${A}${Capitalize<CamelCase<B>>}`
  : T extends `${infer A}-${infer B}`
  ? `${A}${Capitalize<CamelCase<B>>}`
  : T

eddiemoore

type Undefined<T> = { [P in keyof T]: P extends undefined ? T[P] : never }

type FilterFlags<Base, Condition> = {
  [Key in keyof Base]:
  Base[Key] extends Condition ? Key : never
};

type AllowedNames<Base, Condition> =
  FilterFlags<Base, Condition>[keyof Base];

eddiemoore

const isFormValid = form => {
  const elements = form && form.elements
  if (!elements) return false
  return Array.from(elements).every(elem => elem.validity && elem.validity.valid)
}

eddiemoore

Vertical Align Center with CSS

Using CSS tables to vertical align center content.

A Pen by Ed Moore on CodePen.

License.

eddiemoore

Single Element Ubuntu Logo

Single Element Ubuntu Logo. Pure CSS

A Pen by Ed Moore on CodePen.

License.

eddiemoore

//Based on http://www.samliew.com/icval/
function validateNRIC(str) {
    if (str.length != 9) 
        return false;

    str = str.toUpperCase();

    var i, 
        icArray = [];
    for(i = 0; i < 9; i++) {

eddiemoore

$total-columns: 6;

$col-widths: ();
@for $i from 1 through $total-columns {
    @for $j from 1 through $i {
        $w: ($j/$i);

        @if not index($col-widths, $w) {
            .col-#{$j}-#{$i} {
                width: $w * 100%;