Skip to content

Instantly share code, notes, and snippets.

View shiftyp's full-sized avatar

Ryan Kahn shiftyp

114 followers · 53 following
View GitHub Profile
@shiftyp
shiftyp / index.html
Last active August 29, 2015 14:16
Hello MV*
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hello MV*</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet">
<link href="./style.css" rel="stylesheet">
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js" type="text/javascript"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/js/bootstrap.min.js" type="text/javascript"></script>
<script src="./index.js" type="text/javascript"></script>
@shiftyp
shiftyp / index.html
Last active July 4, 2017 18:29
Eloquent JavaScript: Chapter 6, Exercise 3
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Eloquent JavaScript: Chapter 6, Exercise 3</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet">
<script src="./index.js" type="text/javascript"></script>
</head>
<body>
<div class="container">
@shiftyp
shiftyp / index.html
Last active August 29, 2015 14:16
Eloquent JavaScript: Chapter 7 Exercise
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Eloquent JavaScript: Chapter 6, Exercise 3</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet">
<link href="./style.css" rel="stylesheet">
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js" type="text/javascript">$(world</script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highcharts/4.1.3/highcharts.js" type="text/javascript"></script>
<script src="./index.js" type="text/javascript"></script>
@shiftyp
shiftyp / app.css
Created March 23, 2015 15:51
pro-js presentation
*,
*:before,
*:after {
box-sizing: border-box;
}
.hand,
.deck {
overflow: hidden;
}
@shiftyp
shiftyp / index.html
Last active August 29, 2015 14:17
Form Validation Example
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Form Validation</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet">
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js" type="text/javascript"></script><script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/js/bootstrap.min.js" type="text/javascript"></script>
<script src="./index.js" type="text/javascript"></script>
</head>
<body>
@shiftyp
shiftyp / index.html
Last active December 12, 2017 15:26
Ajax / Handlebars Example with Meetup API
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Form Validation</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet">
<link href="./style.css" rel="stylesheet">
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js" type="text/javascript"></script><script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/js/bootstrap.min.js" type="text/javascript"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/3.0.0/handlebars.min.js" type="text/javascript"></script>
<script src="./index.js" type="text/javascript"></script>
@shiftyp
shiftyp / index.html
Last active August 29, 2015 14:17
jQuery Example
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery Example</title>
<link href="./style.css" rel="stylesheet">
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js" type="text/javascript"></script>
<script src="./index.js" type="text/javascript"></script>
</head>
<body>
@shiftyp
shiftyp / index.html
Last active August 29, 2015 14:17
Mocha Unit Testing Example
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Mocha Example</title>
<link href="//cdnjs.cloudflare.com/ajax/libs/mocha/2.2.1/mocha.min.css" rel="stylesheet">
</head>
<body>
<div id="mocha"></div>
<script src="//cdnjs.cloudflare.com/ajax/libs/mocha/2.2.1/mocha.min.js" type="text/javascript"></script>
@shiftyp
shiftyp / fireflies.js
Last active August 29, 2015 14:17
D3 Example
var FireFlies = function(el, bounds, transitionDuration) {
this.el = d3.select(el);
this.bounds = bounds;
this.transitionDuration = transitionDuration;
this.el.classed('fire-flies', true);
}
FireFlies.prototype.generateScales = function() {
var xScale = d3.scale.linear();
@shiftyp
shiftyp / index.css
Last active August 29, 2015 14:20
Simple Paint Program
.canvas {
width: 400px;
height: 400px;
border: 1px solid #f00;
user-select: none;
-webkit-user-select: none;
}
.pixel {
width: 5px;