#Stay Standalone
A short script to prevent internal links to a "webapp" added to iPhone home screen to open in Safari instead of navigating internally.
/* Border & Vignette Setup */ | |
figure{ | |
position: relative; | |
display: block; | |
line-height: 0; | |
width: 500px; | |
height: 333px; | |
margin-bottom: 2em; | |
border: 1em solid #fff; |
(function(document){ | |
window.CLS = window.CLS || {}; | |
CLS.add = function(el, cn){ | |
if(!CLS.exists(el, cn)){ | |
el.className = el.className ? el.className + ' ' + cn : cn; | |
} | |
} |
#Stay Standalone
A short script to prevent internal links to a "webapp" added to iPhone home screen to open in Safari instead of navigating internally.
/* ---------------------------------------------------------- */ | |
/* */ | |
/* A media query that captures: */ | |
/* */ | |
/* - Retina iOS devices */ | |
/* - Retina Macs running Safari */ | |
/* - High DPI Windows PCs running IE 8 and above */ | |
/* - Low DPI Windows PCs running IE, zoomed in */ | |
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in */ | |
/* - Android hdpi devices and above */ |
Set inline width & height. | |
Video, img alternative natural width & height: 1920 x 1080 | |
21mb video O_O | |
http://codepen.io/MikeMcChillin/pen/wKGFz |
<html> | |
<body> | |
<h1 data-localize="{{page.id}}.title">{{page.title}}</h1> | |
<div data-localize="{{page.id}}.body"> | |
{{content}} | |
</div> | |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> |
var QcValueConverter = { | |
tensionFromQcValue: function(qcValue) { | |
return (qcValue - 30.0) * 3.62 + 194.0; | |
}, | |
qcValueFromTension: function(tension) { | |
return (tension - 194.0) / 3.62 + 30.0; | |
}, | |
frictionFromQcValue: function(qcValue) { |
myLayer.states.stateAnimationOptions = | |
'a-b': | |
time: 0.1 | |
'b-c': | |
time: 0.8 | |
'c-d': | |
time: 0.5 | |
myLayer.states.add | |
a: opacity: 1 |
$(window).bind('resize', function(){ | |
var size = window.getComputedStyle(document.body,':after').getPropertyValue('content'); | |
if (size.indexOf("break2") !=-1){ | |
// Do stuff for breakpoint 2 | |
} else if (size.indexOf("tablet") !=-1){ | |
// Do stuff for tablet | |
# Add the following line to your project in Framer Studio. | |
# `frameless = require "frameless"` | |
frameless = {} | |
# Directly opens the prototype in Frameless | |
frameless.open = -> | |
intent = "frameless://" | |
url = intent + window.location.host + window.location.pathname + "/" | |
window.location.replace url |