Nora Brown nabrown

nabrown / unveil.js

Created November 30, 2018 17:48

Complete Unveil plugin, rewritten without jQuery

	;(function() {

	this.unveil = function(threshold, callback){
	var w = window,
	th = threshold \|\| 0,
	images = [].slice.call(document.querySelectorAll("img.unveil"));

	// test for browser support of `once` option for events
	// https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#Safely_detecting_option_support
	var onceSupported = false;

nabrown / html-vue-boilerplate.json

Last active January 25, 2019 02:29

HTML Boilerplate w/ Vue Snippet for VS Code

	{
	"HTML/Vue Boilerplate": {
	"prefix": "bpv",
	"body": [
	"<!DOCTYPE html>",
	"<html lang=\"en\">",
	"$BLOCK_COMMENT_START",
	" $CURRENT_MONTH/$CURRENT_DATE/$CURRENT_YEAR",
	" ${1:Description}",
	"$BLOCK_COMMENT_END",

nabrown / setNextInvoiceNumber.js

Last active April 1, 2019 13:34

Fetch the highest record from an Airtable base called 'Invoices', add 1

	setNextInvoiceNumber(){
	base('Invoices').select({
	maxRecords: 1,
	sort: [{field: "Number", direction: "desc"}]
	}).firstPage((err, records) => {
	records.forEach((record) => {
	this.invoiceNumber = record.get('Number') + 1
	});
	}, function done(err) {
	if (err) { console.error(err); return; }

nabrown / async-component-basic-usage.vue

Last active March 22, 2020 22:18

Basic asynchronous component import in Vue single file component

	<template>
	<div>
	<button v-on:click="showChild = !showChild">Toggle Child Component!</button>
	<child-component v-if="showChild" message="I am the child component."></child-component>
	</div>
	</template>

	<script>
	import LoadingState from '@/components/LoadingState'
	import ErrorState from '@/components/ErrorState'

nabrown / async-component-tester.js

Last active March 22, 2020 19:39

Test the Loading and Error bits of Vue async components

	const asyncComponentTester = function(importPromise, latency){
	return new Promise((resolve) => {
	setTimeout(() => {
	resolve(importPromise)
	}, latency)
	})
	}

nabrown / async-component-with-helper.vue

Last active March 22, 2020 21:53

Using a helper function to test Loading and Error components.

	<template>
	<div>
	<button v-on:click="showChild = !showChild">Toggle Child Component!</button>
	<child-component v-if="showChild" message="I am the child component."></child-component>
	</div>
	</template>

	<script>
	import LoadingState from '@/components/LoadingState'
	import ErrorState from '@/components/ErrorState'