John Polacek johnpolacek
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script language="javascript"> | |
| // set viewport to zoom to 1200px wide on viewports > 640px wide | |
| var viewPortTag = document.createElement('meta'); | |
| viewPortTag.id = 'viewport'; | |
| viewPortTag.name = 'viewport'; | |
| if (screen.width > 640) { | |
| viewPortTag.content = 'width=1200'; | |
| } else { | |
| viewPortTag.content = 'width=device-width'; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var item = items[Math.floor(Math.random()*items.length)]; |
johnpolacek
/ gist:4319877
Last active
December 9, 2015 19:49
Add Google Analytics tracking to outbound links
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var _gaq = _gaq || []; | |
| _gaq.push(['_setAccount', 'UA-XXXXXXXX-X']); | |
| _gaq.push(['_trackPageview']); | |
| (function() { | |
| var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; | |
| ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; | |
| var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); | |
| })(); | |
johnpolacek
/ Form Input - No Letters
Created
January 3, 2013 21:03
Block letter entry on number fields
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Block letter entry on numeric only fields | |
| $('.controls').on('keyup','.numeric-only',function() { | |
| var alphabet = /[A-z]/g; | |
| if (alphabet.test($(this).val())) { | |
| $(this).val($(this).val().replace(alphabet,'')); | |
| } | |
| }); |
johnpolacek
/ main.css
Last active
December 15, 2015 15:08
starter main.css w/minification on styles, from h5bp
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* normalize 3.0.3 + h5bp 5.2 */ | |
| html {-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}dfn{font-style:italic}mark{background:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-ap |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 00._global.scss <-- imports vars, mixins & 3rd party libs (grid, etc.) | |
| 01._typography.scss | |
| 02._elements.scss | |
| 02.element.form.scss | |
| 02.element.form.entry.scss | |
| 02.element.callout.scss | |
| 02.element.media.scss | |
| 03._pages.scss | |
| 03.page.landing.scss | |
| 03.page.detail.scss |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <a href="#" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u=yoursite.com', 'sharer', 'width=626,height=436'); return false;">Share on Facebook</a> | |
| <!-- | |
| Get a facebook like button: http://developers.facebook.com/docs/reference/plugins/like/ | |
| Sign out of facebook to get a snippet with no app id | |
| --> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // <a href="product.html" data-lazy-image="product.jpg" data-lazy-image-alt="The Product"></a> | |
| ;(function($) { | |
| $('*[data-lazy-image]').each(function() { | |
| var alt = $(this).attr('data-lazy-image-alt') === undefined ? '' : 'alt="'+$(this).attr('data-lazy-image-alt')+'"'; | |
| $(this).append($('<img src="'+$(this).attr('data-lazy-image')+'" '+alt+'" />')); | |
| }); | |
| }(jQuery)); |
johnpolacek
/ imageFill.js
Last active
February 6, 2018 16:47
The jQuery plugin for making an image fill its container (and be centered) - see http://johnpolacek.github.io/imagefill.js/
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * imageFill.js | |
| * Author & copyright (c) 2013: John Polacek | |
| * Dual MIT & GPL license | |
| * | |
| * This gist is out of date now. I've turned this into a proper Github project at http://johnpolacek.github.io/imagefill.js/ | |
| * | |
| */ | |
| ;(function($) { |
johnpolacek
/ Fun Data-Binding with jQuery
Last active
August 29, 2015 13:59
Simple jQuery Pattern for doing cool data-binding stuff using jQuery.on() and jQuery.trigger() - see the demo at http://cdpn.io/mhCai
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>title</title> | |
| </head> | |
| <body> | |
| <p>Simple jQuery Pattern for doing cool data-binding stuff using <code>jQuery.on()</code> and </code>jQuery.trigger()</code></p> | |
| <h1>Messages</h1> | |
| <div id="output"></div> |