Skip to content

Instantly share code, notes, and snippets.

View jonjaques's full-sized avatar

Jon Jaques jonjaques

21 followers · 24 following
View GitHub Profile
@jonjaques
jonjaques / index.html
Created May 9, 2016 21:58
Micro jQuery plugin to automatically link emails and telephone numbers.
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
</head>
<body>
<div id="container">
<div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rhoncus magna a dapibus consequat. Nullam vestibulum scelerisque ipsum sit amet placerat. Nam nec diam sollicitudin, dictum velit sed, elementum libero. Cras ut interdum leo, in commodo odio. Ut sed metus ut lacus semper scelerisque non tincidunt lectus. Phasellus eu diam hendrerit, maximus ipsum pulvinar, +2(202)-302-2300 dignissim nulla. Phasellus aliquam, mauris eu bibendum blandit, eros augue varius nibh, auctor pellentesque metus purus vitae arcu. Donec velit tellus, jon@3five.com iaculis ut fringilla at, vestibulum nec libero. Proin convallis, lectus sit amet hendrerit maximus, neque est hendrerit ipsum, ut viverra diam velit id nisi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque placerat ex in lobortis molestie. Ut elementum volutpat mollis. Quisque porta, arcu a fermentum aliquam, sa
@jonjaques
jonjaques / coffee.js
Last active May 8, 2016 22:49
const Jon = new Person('Jon')
const mug = new Mug()
const pot = new Pot()
// It never ends...
(async function typicalDay() {
while (Jon.isAwake) {
if (Jon.energy < 110) {
if (mug.empty) {
if (pot.fresh) {
@jonjaques
jonjaques / coffee.js
Created January 18, 2016 22:59
class Coffee {
constructor() {
this.refill()
}
get empty() {
return this.level === 0;
}
@jonjaques
jonjaques / trippy.js
Created November 13, 2015 22:10
Trippy JS
$(function(){function t(){$("head").append("<style>"+i+"</style>"),$("body").addClass("blobbs"),$("body").append('<div class="trippy"/>')}var e=[38,38,40,40,37,39,37,39,66,65],o=0,i=".blobbs{background-size:66px 66px;background-color:#00a9ff;background-image:repeating-radial-gradient(hsla(200,100%,80%,.8) 0,hsla(200,100%,80%,.5) 4px,hsla(200,100%,80%,0) 50px),repeating-radial-gradient(hsla(260,100%,0%,0) 0,hsla(260,100%,50%,.1) 2px,hsla(260,100%,0%,0) 10px)}.blobbs:hover{animation:blobbs-position 6s cubic-bezier(.4,0,.2,1) infinite,blobbs-size .75s cubic-bezier(.4,0,.2,1) infinite alternate}@keyframes blobbs-position{0%,100%{background-position:left top,left top}25%{background-position:right top,left bottom}50%{background-position:right bottom,right bottom}75%{background-position:left bottom,right top}}@keyframes blobbs-size{from{background-size:200px 200px,200px 200px}to{background-size:66px 66px,66px 66px}}.trippy{position:fixed;z-index:99999;top:0;left:0;right:0;bottom:0;background:rgba(255,0,0,.5);animati
@jonjaques
jonjaques / buttonselect.js
Created June 23, 2015 23:23
React Bootstrap ButtonGroup with Radio/Checkbox behavior
import React from 'react'
import { ButtonGroup } from 'react-bootstrap'
export default React.createClass({
propTypes: {
children: React.PropTypes.node,
type: React.PropTypes.oneOf(['checkbox', 'radio']),
value: React.PropTypes.any,
onChange: React.PropTypes.func,
@jonjaques
jonjaques / bookmarklet.js
Last active August 29, 2015 14:16 — forked from bettysteger/bookmarklet.js
/**
* redirect javascript bookmarklet
*/
// javascript:location.href='http://example.com/?uri='+encodeURIComponent(location.href)
/**
* bookmarklet loaded on site
*/
(function(){
@jonjaques
jonjaques / node.webpack.ts
Created February 26, 2015 18:57
TypeScript definitions for webpack require()
// Type definitions for Node.js v0.11.13
// Project: http://nodejs.org/
// Definitions by: Microsoft TypeScript <http://typescriptlang.org>, DefinitelyTyped <https://github.com/borisyankov/DefinitelyTyped>
// Definitions: https://github.com/borisyankov/DefinitelyTyped
/************************************************
* *
* Node.js v0.11.13 API *
* *
************************************************/
@jonjaques
jonjaques / designer.html
Created August 1, 2014 21:23
designer
<link rel="import" href="../components/polymer/polymer.html">
<polymer-element name="bdr-app">
<template>
</template>
<script>
@jonjaques
jonjaques / controller.rb
Last active August 29, 2015 14:01 — forked from aurelian/controller.rb
def sass_literals(file_path)
engine = Sass::Engine.for_file(file_path, {})
environment = Sass::Environment.new
keyvals = []
engine.to_tree.children.each do |node|
next unless node.kind_of? Sass::Tree::VariableNode
if node.expr.kind_of? Sass::Script::Tree::Literal
value = node.expr.perform(environment)
@jonjaques
jonjaques / example.coffee
Last active August 29, 2015 13:57
Simple logging service (wraps $log) for Angular.js
app = angular.module 'demo', []
app.controller 'TestCtrl', ($scope, Logger)->
Logger.log 'generic log...' # generic log...
log = Logger.makeLogger 'TestCtrl'
log.log 'prefixed log' # TestCtrl: prefixed log
$scope.doStuff = ()->