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
| /* | |
| * <plugin name> | |
| * version <number> | |
| * author: <author name> | |
| * <web site, twitter, etc...> | |
| */ | |
| (function($){ | |
| function initialize($obj, option1, option2, option3){ |
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
| Debugging CSS Media Queries with CSS. Based on the idea by Johan Brook. | |
| article: http://bit.ly/j3BWaw | |
| body.debug::before { | |
| content: "Tablet media query (media query) fired"; | |
| font-weight: bold; | |
| display: block; | |
| text-align: center; | |
| background: rgba(255,255,0, 0.9); | |
| position: absolute; |
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
| /* for low resolution display */ | |
| .image { | |
| background-image: url(/path/to/my/lowreslogo.png); | |
| background-size: 200px 300px; | |
| height: 300px; | |
| width: 200px; | |
| } | |
| /* for high resolution display */ | |
| @media only screen and (min--moz-device-pixel-ratio: 2), | |
| only screen and (-o-min-device-pixel-ratio: 2/1), |
nmsdvid
/ Load JS SDK
Last active
January 11, 2022 08:15
Facebook API - using the latest Facebook API with success
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
| //Call the Facebook JavaScript SDK | |
| <div id="fb-root"></div> | |
| <script> | |
| // Called when FB SDK has been loaded | |
| window.fbAsyncInit = function() { | |
| FB.init({ | |
| appId : 'XXXXXXXXX', // App ID | |
| status : true, // check login status |
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
| # ---------------------------------------------------------------------- | |
| # Gzip compression | |
| # ---------------------------------------------------------------------- | |
| <IfModule mod_deflate.c> | |
| # Force deflate for mangled headers developer.yahoo.com/blogs/ydn/posts/2010/12/pushing-beyond-gzipping/ | |
| <IfModule mod_setenvif.c> | |
| <IfModule mod_headers.c> | |
| SetEnvIfNoCase ^(Accept-EncodXng|X-cept-Encoding|X{15}|~{15}|-{15})$ ^((gzip|deflate)\s*,?\s*)+|[X~-]{4,13}$ HAVE_Accept-Encoding |
nmsdvid
/ vertical-align-css
Created
January 15, 2014 20:35
Vertical align anything with just 3 lines of CSS
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
| .element { | |
| position: relative; | |
| top: 50%; | |
| transform: translateY(-50%); | |
| } | |
| SASS: | |
| @mixin vertical-align { | |
| position: relative; |
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
| input[type="checkbox"] { | |
| display:none; | |
| } | |
| input[type="checkbox"] + label span { | |
| display:inline-block; | |
| width:21px; | |
| height:21px; | |
| background:url(check.png); | |
| margin:0 6px 0 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
| // Returns a function, that, as long as it continues to be invoked, will not | |
| // be triggered. The function will be called after it stops being called for | |
| // N milliseconds. If `immediate` is passed, trigger the function on the | |
| // leading edge, instead of the trailing. | |
| function debounce(func, wait, immediate) { | |
| var timeout; | |
| return function() { | |
| var context = this, args = arguments; | |
| clearTimeout(timeout); |
nmsdvid
/ gist:9067101
Last active
April 6, 2022 08:16
— forked from pitch-gist/gist:2999707
simple coming soon page
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> | |
| <title>Site Maintenance</title> | |
| <style> | |
| body { text-align: center; padding: 150px; } | |
| h1 { font-size: 50px; } | |
| body { font: 20px Helvetica, sans-serif; color: #333; } | |
| article { display: block; text-align: left; width: 650px; margin: 0 auto; } | |
| a { color: #dc8100; text-decoration: none; } | |
| a:hover { color: #333; text-decoration: none; } | |
| </style> |
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
| .responsive-img { | |
| width: auto\9; | |
| height: auto; | |
| max-width: 100%; | |
| vertical-align: middle; | |
| border: 0; | |
| -ms-interpolation-mode: bicubic; | |
| } |
OlderNewer