Skip to content

Instantly share code, notes, and snippets.

View benjaminsinger's full-sized avatar
🏠
Working from home

Ben Singer benjaminsinger

🏠
Working from home
3 followers · 1 following
View GitHub Profile
@benjaminsinger
benjaminsinger / Button -- Animated Cross
Created November 11, 2014 17:36
<!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">
<title></title>
<meta name="description" content="">
@benjaminsinger
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,
@benjaminsinger
benjaminsinger / Animated-Background.markdown
Created September 23, 2014 19:35
A Pen by Ben.
@benjaminsinger
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
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
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
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
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
benjaminsinger / Supporting Background Size Cover and image position Fixed at the same time
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
benjaminsinger / Starkers Responsive Functions.php - deeve007 - N.B. Not claiming ownership
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
*/