Skip to content

Instantly share code, notes, and snippets.

View markhealey's full-sized avatar

Mark Healey markhealey

View GitHub Profile
@markhealey
markhealey / html5boilerplate_full.html
Created May 20, 2013 22:31
HTML5 boilerplate full
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
@markhealey
markhealey / html5boilerplate.html
Created May 20, 2013 19:29
HTML5 boilerplate template (boiled down)
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
</head>
<body>
F2_jsonpCallback_com_openf2_examples_javascript_helloworld({
"scripts":[
"https://raw.github.com/OpenF2/F2/master/examples/apps/JavaScript/HelloWorld/appclass.js"
],
"styles":[
],
"apps":[
{
"html":[
@markhealey
markhealey / gist:5135528
Created March 11, 2013 16:35
AppConfig for testing #41
//define AppConfigs
var _appConfigs = [{
appId: "com_your_app_id",
description: "F2 app description",
name: "F2 App",
manifestUrl: "../Basic-F2-App-Template/manifest.js" //note the path to your manifest!
},
{
appId: "com_your_app_id",
description: "F2 app description",
@markhealey
markhealey / gist:5119485
Created March 8, 2013 20:12
open sans, the right way
@font-face {
font-family: 'Open Sans';
src: url('./font/opensansregular.eot');
src: url('./font/opensansregular.eot?#iefix') format('embedded-opentype'),
url('./font/opensansregular.woff') format('woff'),
url('./font/opensansregular.ttf') format('truetype'),
url('./font/opensansregular.svg#opensansregular') format('svg');
font-weight: normal;
font-style: normal;
}
@markhealey
markhealey / main.css
Last active December 14, 2015 14:59
Data attribute CSS selector responsive trick
@media (min-width: 768px) and (max-width: 979px) {
[data-hide="minWidth768"] {
/* http://css-tricks.com/places-its-tempting-to-use-display-none-but-dont/ */
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
@markhealey
markhealey / gist:3657548
Created September 6, 2012 15:42
app json
[{
"appId": "com_markh_highchartsChart",
"description": "Semi-Interactive Price Chart",
"height":300,
"minGridSize": 8,
"isSecure": false,
"manifestUrl": "../../apps/JavaScript/Chart/manifest.js",
"name": "Price Chart"
},
{
@markhealey
markhealey / gist:3657145
Created September 6, 2012 15:07
F2.Container with removeApp logic
/**
* Core Container functionality
* @module f2
* @class F2
*/
F2.extend('', (function(){
var _apps = {};
var _config = false;