Skip to content

Instantly share code, notes, and snippets.

View MikeMcChillin's full-sized avatar

Michael McMillan MikeMcChillin

112 followers · 99 following
View GitHub Profile
@MikeMcChillin
MikeMcChillin / placeholder.coffee
Last active December 16, 2015 12:59
HTML5 Placeholder Fallback with Modernizr
#######################
# HTML5 Placeholder fallback
#######################
# http://webdesignerwall.com/tutorials/cross-browser-html5-placeholder-text
unless Modernizr.input.placeholder
$("[placeholder]").focus(->
input = $(this)
if input.val() is input.attr("placeholder")
input.val ""
input.removeClass "placeholder"
@MikeMcChillin
MikeMcChillin / wordpress-social.html
Created April 23, 2013 20:08
Wordpress Social Buttons
<ul class="clearfix">
<li><a href="http://twitter.com/share" class="twitter-share-button" data-text="<?php the_title(); ?>" data-count="horizontal" data-via="YOUR-TWITTER-NAME-HERE">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></li>
<li><iframe src="http://www.facebook.com/plugins/like.php?href=<?php the_permalink() ?>&amp;layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=20" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:20px;" allowTransparency="true"></iframe></li>
<li><div class="g-plusone" data-size="medium"></div><script type="text/javascript">(function(){var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;po.src = 'https://apis.google.com/js/plusone.js';var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);})();</script></li>
</ul>
@MikeMcChillin
MikeMcChillin / font-face_mixin.sass
Last active December 17, 2015 09:29
Compass (SASS) Font-Face Mixin that works in IE8
@mixin font-face ( $name, $font-files, $eot: false, $weight: false, $style: false)
$iefont: unquote("#{$eot}?#iefix")
@font-face
font-family: quote($name)
@if $eot
src: font-url($eot)
$font-files: font-url($iefont) unquote("format('embedded-opentype')"), $font-files
src: $font-files
@if $weight
font-weight: $weight
@MikeMcChillin
MikeMcChillin / requestAnimFrame.js
Last active December 21, 2015 23:39 — forked from joelambert/README
Drop in replace functions for setTimeout() & setInterval() that make use of requestAnimationFrame() for performance where available
// requestAnimationFrame() shim by Paul Irish
// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
window.requestAnimFrame = (function() {
return window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
window.mozRequestAnimationFrame ||
window.oRequestAnimationFrame ||
window.msRequestAnimationFrame ||
function(/* function */ callback, /* DOMElement */ element){
window.setTimeout(callback, 1000 / 60);
@MikeMcChillin
MikeMcChillin / Full Height & width background video or image
Last active May 31, 2017 10:18
Full height background video / image from FiftyThree Paper
Set inline width & height.
Video, img alternative natural width & height: 1920 x 1080
21mb video O_O
http://codepen.io/MikeMcChillin/pen/wKGFz
@MikeMcChillin
MikeMcChillin / isMobile.coffee
Created November 20, 2013 20:26
isMobile() check
isMobile = ->
return (/Android|iPhone|iPad|iPod|BlackBerry|Windows Phone/i).test(navigator.userAgent || navigator.vendor || window.opera)
if isMobile() is true
alert "We're on mobile!"
@MikeMcChillin
MikeMcChillin / gaVxzW.markdown
Last active November 30, 2015 06:45
gaVxzW
@MikeMcChillin
MikeMcChillin / gaclicktrack.js
Last active June 15, 2016 03:07
Google Analytics Click Tracking with jQuery
// Set listeners for click events on elements that have [data-gtm-category] on them
$('[data-gtm-category]').on('click', function() {
var category = $(this).data('gtm-category');
var action = $(this).data('gtm-action');
var label = $(this).data('gtm-label');
gtmClickTrack(category, action, label);
});
// Send the info to Google Analytics
var gtmClickTrack = function(category, action, label) {