benjaminsinger’s gists

benjaminsinger / gist:6280769

Last active December 21, 2015 08:49

For DNN -- DDR Menu and amended 40 Fingers "STYLEHELPER" Object for inclusion of additional css/js files within HTML skins.

	<!-- DNN STYLEHELPER OBJECT -->
	<object id="dnnSH1" codetype="dotnetnuke/server" codebase="STYLEHELPER">
	<param name="AddCssFile" value="[S]css/bootstrap.css />
	<param name="AddMetaTags" value="viewport:width=device-width,initial-scale=1" />
	</object>

	<!-- RESPONSIVE DNN DDR MENU NAVIGATION BAR -- USING BOOTSTRAP COLLAPSE -->
	<div class="navbar navbar-inverse navbar-static-top">
	<div class="navbar-inner">
	<div class="container">

Created February 21, 2014 15:08

	<?php
	/**
	* Starkers functions and definitions
	*
	* For more information on hooks, actions, and filters, see http://codex.wordpress.org/Plugin_API.
	*
	* @package WordPress
	* @subpackage Starkers
	* @since Starkers 4.0
	*/

Created March 4, 2014 14:31

	.main-about-us {
	position: relative;
	width:100%;
	height:auto;
	min-height:31.25em;
	color:#fff;
	/background:url(images/allaboutyou.jpg);/
	/* background:url(images/about-image.jpg);
	background-size:cover;
	background-position:center center;*/

benjaminsinger / jQuery CSS animation Transition End Handler

Last active August 29, 2015 13:57 — forked from davidcalhoun/transitionend.html

	$element.on('transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd', function() {
	// your event handler
	});

	$element.on("animationend webkitAnimationEnd oAnimationEnd MSAnimationEnd", function() {
	// your event handler
	});

benjaminsinger / gist:4c620ae7682835666545

Created May 7, 2014 15:56 — forked from nateps/gist:1172490

	<!DOCTYPE html>
	<meta charset=utf-8>
	<meta name=viewport content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name=apple-mobile-web-app-capable content=yes>
	<meta name=apple-mobile-web-app-status-bar-style content=black>
	<title>Test fullscreen</title>
	<style>
	html, body {
	margin: 0;
	padding: 0;

benjaminsinger / gist:530977d2121bc49f0f8e

Created May 7, 2014 19:40

Disable all the things.

	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);

benjaminsinger / CSS3 And jQuery Animation Helper

Created May 9, 2014 15:59

CSS3 And jQuery Animation Helper

	// CSS3 Animations Helper
	(function($) {
	var delay = 0;
	$.fn.translate3d = function(translations, speed, easing, complete) {
	var opt = $.speed(speed, easing, complete);
	opt.easing = opt.easing \|\| 'ease';
	translations = $.extend({x: 0, y: 0, z: 0}, translations);

	return this.each(function() {
	var $this = $(this);

benjaminsinger / google-maps-example.html

Last active August 29, 2015 14:06 — forked from ChrisLTD/google-maps-example.html

	<!DOCTYPE html>
	<html>
	<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<title>Google Maps Multiple Markers</title>
	<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
	<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.1.min.js"></script>
	</head>
	<body>
	<div id="map" style="width: 500px; height: 400px;"></div>

benjaminsinger / Animated-Background.markdown

Created September 23, 2014 19:35

A Pen by Ben.

Animated Background

Full-page background made with JavaScript and Canvas: the animation follows movement on non-touch devices

benjaminsinger / gist:3eefe5377da59098590f

Created October 28, 2014 17:35

This is what a clean JS file looks like -- do it like this in future.

	// "use strict";

	var $home = (function () {

	var home = {}, // create the 'global local' -- within our primary home function -- app object {}
	saywhit = "you wot mayte?",
	isTouch = $('.touch').length,
	isIE8andBelow = $('.lt-ie9').length,
	hasCssAnimations = $('.csstransforms').length,
	siteH, siteW,