View Test Onboarding
var s = document.createElement("script"); s.setAttribute("src", "https://magic-motion-intro.koenbok.now.sh/MagicMotionIntro.d93f8ba0.js");document.body.appendChild(s); |
View xmlToJson.js
// Changes XML to JSON | |
// Modified version from here: http://davidwalsh.name/convert-xml-json | |
function xmlToJson(xml) { | |
// Create the return object | |
var obj = {}; | |
if (xml.nodeType == 1) { // element | |
// do attributes | |
if (xml.attributes.length > 0) { |
View triangle.coffee
# Project Info | |
# This info is presented in a widget when you share. | |
# http://framerjs.com/docs/#info.info | |
Framer.Info = | |
title: "Triangle Layer Rebound" | |
author: "Jordan Dobson" | |
twitter: "jordandobson" | |
description: "jordandobson@gmail.com\n\nThis rebound of jrdn.io/haJ2 \nby Black Ray adds direction checking, allows you to set direction as an option when creating a layer and sets the bounding box of the layer to it's intrinsic size." |
View getBoundingLayerForRotatedLayer.coffee
getBoundingLayerForRotatedLayer = (layer) -> | |
tr = "topRight"; bl = "bottomLeft"; tl = "topLeft"; br = "bottomRight"; | |
center = x: layer.midX, y: layer.midY | |
size = w: layer.width, h: layer.height | |
rotation = layer.rotation | |
corners = | |
"#{tr}": x: (size.w/2), y: (size.h/2) | |
"#{bl}": x: -(size.w/2), y: -(size.h/2) | |
getRotatedPoint = (p) -> |
View helloWorld.coffee
print "hello world" |
View Full Height & width background video or image
Set inline width & height. | |
Video, img alternative natural width & height: 1920 x 1080 | |
21mb video O_O | |
http://codepen.io/MikeMcChillin/pen/wKGFz |
View gist:8498273
<script type="text/javascript"> | |
document.addEventListener('touchmove', function(e){e.preventDefault();}, false); | |
</script> |
View gist:6747488
if( 'ontouchstart' in window ){ document.addEventListener("touchstart", function(){}, false) } |
View ua-css.js
var b = document.documentElement; | |
b.setAttribute('data-ua', navigator.userAgent); | |
b.setAttribute('data-pf', navigator.platform ); |
View gist:5911176
/* Loader */ | |
$loader-size = 2.1334em | |
@keyframes rotate | |
0% | |
transform: rotate(0deg) | |
100% | |
transform: rotate(360deg) |
NewerOlder