Gilles Hooghe ghooghe
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
| /* px */ | |
| @media only screen and (max-width: 1024px) {} | |
| @media only screen and (max-width: 768px) {} | |
| @media only screen and (max-width: 720px) {} | |
| @media only screen and (max-width: 320px) {} | |
| /* dpi */ | |
| @media all and (min-resolution: 150dpi) {} | |
| @media all and (min-resolution: 200dpi) {} | |
| @media all and (min-resolution: 300dpi) {} |
ghooghe
/ console-debug-for-all.js
Created
June 11, 2013 09:33
console.debug declaration to avoid javascript error problems
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
| // Console declaration if not defined | |
| if (typeof console === 'undefined' || typeof console.debug === 'undefined') { | |
| console = {}; | |
| console.debug = function() {}; | |
| } |
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
| /* Selection colours (easy to forget) */ | |
| ::selection { background: #404d23; color: #ffffff; } | |
| ::-moz-selection { background: #404d23; color: #ffffff; } | |
| img::selection { background: transparent; } | |
| img::-moz-selection { background: transparent; } | |
| body { -webkit-tap-highlight-color: #404d23; color: #ffffff; } |
ghooghe
/ best-rendering.html
Created
June 11, 2013 09:37
html meta tags for better rendering on IE, mobile and others
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
| <!-- Always force latest IE rendering engine (even in intranet) --> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> | |
| <!-- Mobile Viewport Fix | |
| j.mp/mobileviewport & davidbcalhoun.com/2010/viewport-metatag | |
| device-width : Occupy full width of the screen in its current orientation | |
| initial-scale = 1.0 retains dimensions instead of zooming out if page height > device height | |
| maximum-scale = 1.0 retains dimensions instead of zooming in if page width < device width | |
| Adding "maximum-scale=1" fixes the Mobile Safari auto-zoom bug: http://filamentgroup.com/examples/iosScaleBug/ |
ghooghe
/ reset-compressed.css
Created
June 11, 2013 09:38
Eric Meyer's reset.css compressed version
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
| /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ | |
| html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0} |
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
| <!--[if lt IE 7]><html class="ie ie6 lt10 lt9 lt8 lt7"><![endif]--> | |
| <!--[if IE 7]><html class="ie ie7 lt10 lt9 lt8"><![endif]--> | |
| <!--[if IE 8]><html class="ie ie8 lt10 lt9"><![endif]--> | |
| <!--[if IE 9]><html class="ie ie9 lt10"><![endif]--> | |
| <!--[if gt IE 9]><html class="ie ie10"><![endif]--> | |
| <!--[if !IE]><!--><html><!--<![endif]--> |
ghooghe
/ transfer-click-to-tap.js
Created
June 11, 2013 15:17
Transfer click event to tap, only if not on a touch device
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
| // Transfer click event to tap, only if not on a touch device | |
| if (!('ontouchend' in window)) { | |
| $(document).delegate('body', 'click', function(e) { | |
| $(e.target).trigger('tap'); | |
| }); | |
| } |
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
| // Prepare loader | |
| var loaderSymbols = ['', '', ''], | |
| loaderEl = $(blockingOverlaySelector + ' span'), | |
| loaderIndex = 0, | |
| loader = function() { | |
| loaderEl.html(loaderSymbols[loaderIndex]); | |
| loaderIndex = loaderIndex < loaderSymbols.length - 1 ? loaderIndex + 1 : 0; | |
| }; | |
| setInterval(loader, 350); |
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
| //obox | |
| var obox = { | |
| resize: function(container) { | |
| var frame = $(window); | |
| // Resize | |
| container.css('width', frame.width() + 'px'); | |
| container.css('height', frame.height() + 'px'); | |
| // Center |
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
| .obox { | |
| top: 0; | |
| left: 0; | |
| position: absolute; | |
| z-index: 100; | |
| overflow-x: hidden; | |
| overflow-y: auto; | |
| /*max-width: 930px;*/ | |
| } |
OlderNewer