Skip to content

Instantly share code, notes, and snippets.

View mckennatim's full-sized avatar

Timothy McKenna mckennatim

8 followers · 7 following
View GitHub Profile
@mckennatim
mckennatim / index.html
Created July 31, 2019 21:12
Simple Path Examples
<svg viewBox="0 0 10 10" class="svg-1">
<path d="M2,2 L8,8" />
</svg>
<svg viewBox="0 0 10 10" class="svg-2">
<path d="M2,8 L5,2 L8,8" />
</svg>
<svg viewBox="0 0 10 10" class="svg-3">
<path d="M2,2 Q8,2 8,8" />
@mckennatim
mckennatim / index.html
Created December 26, 2016 20:54
Toggle
<div id="root">
</div>
@mckennatim
mckennatim / hello-world-in-react.markdown
Created November 4, 2016 00:43
Hello World in React
@mckennatim
mckennatim / index.html
Created August 3, 2016 14:22
RxJS and Mithril Autocomplete Example
<div id="autocomplete"></div>
@mckennatim
mckennatim / generateTemplateString.js
Created March 4, 2016 01:00 — forked from bryanerayner/generateTemplateString.js
/**
* Produces a function which uses template strings to do simple interpolation from objects.
*
* Usage:
* var makeMeKing = generateTemplateString('${name} is now the king of ${country}!');
*
* console.log(makeMeKing({ name: 'Bryan', country: 'Scotland'}));
* // Logs 'Bryan is now the king of Scotland!'
*/
var generateTemplateString = (function(){
@mckennatim
mckennatim / index.html
Created July 7, 2015 18:49
prettify `<input type=range>` #101
<input type='range' id='r1' class='tip fill fill-replace'
value='7' min='1' max='13' />
<input type='range' id='r2' class='tip fill'
value='60' />
<input type='range' id='r3' class='tip'
value='25' step='25' />
<input type='range' id='r4' class='fill'
value='87' />
@mckennatim
mckennatim / index.html
Created August 28, 2014 18:40
ng-online Checking online status in AngularJS app // source http://jsbin.com/lesoru/1
<meta name="description" content="Checking online status in AngularJS app" />
<title>ng-online</title>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.14/angular.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.10.0/ui-bootstrap-tpls.min.js"></script>
<script src="main.js"></script>
<body ng-app="App">
<div ng-controller="AppController">
@mckennatim
mckennatim / jsbin.gimore.html
Created July 17, 2014 03:30
<meta name="description" content="Snch client and server" />
<title>ng-blank</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.js" ></script>
<script src="main.js"></script>
<body ng-app="SyncApp">
<div ng-controller="SyncCtrl">
<br>
<table>
<caption><b>sync clients with server</b> M=(C\(P\S))U(S\(P\C)) <br>
@mckennatim
mckennatim / jsbin.ImAqUC.html
Created April 21, 2014 23:11
<!DOCTYPE html>
<html ng-app="app">
<head>
<meta name="description" content="checkbox bound example" />
<meta charset=utf-8>
<title>How can AngularJS bind to list of checkbox values?</title>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
</head>
@mckennatim
mckennatim / jsbin.difih.html
Created March 28, 2014 01:39
<!doctype html>
<html ng-app="project">
<head>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular-resource.min.js">
</script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular-route.min.js"></script>