Skip to content

Instantly share code, notes, and snippets.

View hughker's full-sized avatar

Winston Hughes hughker

24 followers · 102 following
View GitHub Profile
@hughker
hughker / meta-jangler.liquid
Created August 7, 2013 17:24
<meta charset="utf-8">
<link rel="dns-prefetch" href="//cdn.myshopify.com/">
<link rel="sitemap" type="application/xml" title="Sitemap" href="{{ shop.url }}/sitemap.xml">
{% capture title %}{{ page_title | downcase }}{% endcapture %}
{% if title contains 'contact' %}<meta name="robots" content="noindex">{% endif %}
<link rel="alternate" type="application/atom+xml" title="Atom" href="{{ shop.url }}/blogs/news.atom">
<link rel="alternate" type="application/atom+xml" title="Atom" href="{{ shop.url }}/collections/all.atom">
<link rel="icon" href="{{ 'favicon.ico' | asset_url }}" type="image/x-icon">
<meta property="og:site_name" content="{{ shop.name }}">
{% if template == 'index' %}
@hughker
hughker / foundation-cdn-fallback.html
Created August 15, 2013 14:23
<head>
<!-- Foundation CSS CDN -->
<link rel="stylesheet" href="//cdn.jsdelivr.net/foundation/4.3.1/css/foundation.min.css">
<!-- Modernizr CDN -->
<script src="//cdn.jsdelivr.net/foundation/4.3.1/js/vendor/custom.modernizr.js"></script>
<!-- Modernizr local fallback -->
<script>window.Modernizr || document.write('<script src="/local/custom.modernizr.js"><\/script>')</script>
</head>
<body>
<!-- APP CONTENT -->
@hughker
hughker / gist:6539225
Created September 12, 2013 15:17 — forked from tmayr/gist:5190565
.lt-ie9 .top-bar {
background: #2f2f2f;
*zoom: 1;
overflow: visible;
}
.lt-ie9 .top-bar:before, .lt-ie9 .top-bar:after {
content: " ";
display: table;
}
.lt-ie9 .top-bar:after { clear: both; }
@hughker
hughker / ie8-grid-foundation-4.css
Created September 12, 2013 15:17 — forked from hatefulcrawdad/ie8-grid-foundation-4.css
/* The Grid ---------------------- */
.lt-ie9 .row { width: 940px; max-width: 100%; min-width: 768px; margin: 0 auto; }
.lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.lt-ie9 .row.large-collapse .column,
.lt-ie9 .row.large-collapse .columns { padding: 0; }
.lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.lt-ie9 .row .row.large-collapse { margin: 0; }
.lt-ie9 .column, .lt-ie9 .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; }
.lt-ie9 .column.large-centered, .columns.large-centered { float: none; margin: 0 auto; }
@hughker
hughker / Apples-iMac-scrolling-effect.markdown
Last active August 29, 2015 14:07 — forked from anonymous/Apples-iMac-scrolling-effect.markdown
@hughker
hughker / README.md
Last active August 29, 2015 14:07 — forked from addyosmani/README.md

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

@hughker
hughker / youtube-poster-frame.css
Last active August 29, 2015 14:08 — forked from zigotica/youtube-poster-frame.css
.video { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; }
.video img { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; cursor: pointer; }
.video:after { content: ""; position: absolute; display: block;
background: url(play-button.png) no-repeat 0 0;
top: 45%; left: 45%; width: 46px; height: 36px; z-index: 30; cursor: pointer; }
.video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* image poster clicked, player class added using js */
.video.player img { display: none; }
.video.player:after { display: none; }
@hughker
hughker / iPad-IOS7-landscape-fullscreen-hack.js
Last active August 29, 2015 14:10 — forked from GianlucaGuarini/iPad-IOS7-landscape-fullscreen-hack.js
/*!
*
* Author: Gianluca Guarini
* Contact: gianluca.guarini@gmail.com
* Website: http://www.gianlucaguarini.com/
* Twitter: @gianlucaguarini
*
*
**/
if (navigator.userAgent.match(/iPad;.*CPU.*OS 7_\d/i)) {
@hughker
hughker / Contract Killer 3.md
Last active August 29, 2015 14:17

Contract Killer

The popular open-source contract for web designers and developers by Stuff & Nonsense

  • Originally published: 23/12/2008
  • Revised date: 15/12/2013
  • Original post
@hughker
hughker / _fluid-grid-generator-mixin.scss
Last active August 29, 2015 14:26 — forked from markdurrant/_fluid-grid-generator-mixin.scss
Sass fluid grid generator mixin based on Twitter Bootstrap fluid grid.
// =======================================================================
// Fluid Grid Generator Mixin
// +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//
// Based on fluid grid from http://twitter.github.com/bootstrap/
// =======================================================================
//
//
// Parameters
// =======================================================================