Skip to content

Instantly share code, notes, and snippets.

Avatar

James Musgrave jamesmusgrave

12 followers · 7 following
View GitHub Profile
@jamesmusgrave
jamesmusgrave / campaignmonitor-signup.vue
Created June 9, 2020 13:22
View campaignmonitor-signup.vue
<template>
<div>
<input v-model="emailAddress" type="email" placeholder="your@email.com" />
<button @click="submitForm">{{subscribeText}}</button>
</div>
</template>
<script>
export default {
data() {
return {
@jamesmusgrave
jamesmusgrave / lerp.js
Created November 20, 2018 17:42
View lerp.js
// Linear interpolation
const lerp = function(start, end, t){
return start * (1 - t) + end * t;
}
@jamesmusgrave
jamesmusgrave / type-scaling.html
Last active August 27, 2018 20:55
View type-scaling.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Type Scaling</title>
<style>
html{
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-webkit-font-smoothing: antialiased;
}
@jamesmusgrave
jamesmusgrave / campaign-monitor-angular.html
Last active October 3, 2018 06:03
Angular method to handle Campaign Monitor's secure subscribe link signup
View campaign-monitor-angular.html
<form name="newsletterSignupForm" novalidate ng-submit='submitEmail()'>
<input ng-model="emailAddress" type="email" placeholder="your@email.com" required />
<div class="checkbox">
<input type="checkbox" ng-model="acceptTerms" name="acceptTerms" required />
<div class="checkbox-label">I’ve read and accept the <a href="/terms" target="_blank">TOS and Privacy Policy</a>. </div>
</div>
<button ng-disabled="!newsletterSignupForm.$valid" type="submit" ng-bind="subscribeText"></button>
</form>
@jamesmusgrave
jamesmusgrave / easing.js
Created May 17, 2017 20:02
View easing.js
if ( settings.easing === 'easeInQuad' ) pattern = time * time; // accelerating from zero velocity
if ( settings.easing === 'easeOutQuad' ) pattern = time * (2 - time); // decelerating to zero velocity
if ( settings.easing === 'easeInOutQuad' ) pattern = time < 0.5 ? 2 * time * time : -1 + (4 - 2 * time) * time; // acceleration until halfway, then deceleration
if ( settings.easing === 'easeInCubic' ) pattern = time * time * time; // accelerating from zero velocity
if ( settings.easing === 'easeOutCubic' ) pattern = (--time) * time * time + 1; // decelerating to zero velocity
if ( settings.easing === 'easeInOutCubic' ) pattern = time < 0.5 ? 4 * time * time * time : (time - 1) * (2 * time - 2) * (2 * time - 2) + 1; // acceleration until halfway, then deceleration
if ( settings.easing === 'easeInQuart' ) pattern = time * time * time * time; // accelerating from zero velocity
if ( settings.easing === 'easeOutQuart' ) pattern = 1 - (--time) * time * time * time; // decelerating to zero velocity
if ( settings.easin
@jamesmusgrave
jamesmusgrave / mysqlbackup.sh
Created November 18, 2016 13:56
View mysqlbackup.sh
#!/bin/bash
function backupdb {
USER=$1
PASSWORD=$2
REMOTEIP=$3
OUTPUTDIR="/Volumes/Backup/MYSQL/$(date +%F)"
MYSQLDUMP="/usr/local/bin/mysqldump"
MYSQL="/usr/local/bin/mysql"
@jamesmusgrave
jamesmusgrave / datewithtimezone.js
Last active October 27, 2016 09:33
View datewithtimezone.js
Date.prototype.stdTimezoneOffset = function() {
var jan = new Date(this.getFullYear(), 0, 1);
var jul = new Date(this.getFullYear(), 6, 1);
return Math.max(jan.getTimezoneOffset(), jul.getTimezoneOffset());
}
Date.prototype.dst = function() {
return this.getTimezoneOffset() < this.stdTimezoneOffset();
}
@jamesmusgrave
jamesmusgrave / useful-terminal-commands.sh
Last active October 5, 2015 15:09
View useful-terminal-commands.sh
#Fix a folder made as root
sudo chown -R $(whoami) .
#List files in single column
ls -R -1 .
@jamesmusgrave
jamesmusgrave / compare-folders.sh
Created July 21, 2015 16:01
View compare-folders.sh
diff -qr dirA dirB | sort > diffs.txt
@jamesmusgrave
jamesmusgrave / iOS-iFrame fix
Last active September 19, 2017 20:22 — forked from bdalziel/gist:2293724
View iOS-iFrame fix
html,
body,
#doc {
height: 100%; // Passes through the height of the parent iframe element
}
#doc {
// Magic to prevent iOS growing the iFrame to fit the content.
// This container will mimic the behavior of the iframe on a desktop browser
-webkit-overflow-scrolling:touch;
overflow-y: scroll;