Mike Zarandona mike-zarandona
This file contains 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
| // columns | |
| [class*="col-"] { | |
| display: inline-block; | |
| margin: 0 4% 0 -4px; | |
| .box-sizing; | |
| vertical-align: top; | |
| &[class*="-left"] { | |
| width: 68%; | |
| text-align: center; |
mike-zarandona
/ "Responsive" Google Ads
Last active
August 29, 2015 14:06
Fake-out responsive Google Ads. Works by showing one and hiding another at a particular breakpoint without using `display: none` which breaks the ads.
This file contains 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 async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> | |
| <!-- Large Banner --> | |
| <ins class="adsbygoogle adblock_1 large" | |
| style="display:block;width:728px;height:90px" | |
| data-ad-client="ca-pub-0000000000000000" | |
| data-ad-slot="0000000000"></ins> | |
| <script> | |
| (adsbygoogle = window.adsbygoogle || []).push({}); | |
| </script> |
mike-zarandona
/ getURLParameter.js
Last active
August 29, 2015 14:07
Function to check for and return the values of URL parameters.
This file contains 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
| // Get URL parameters | |
| function getURLParameter(name) { | |
| name = name.replace(/[\[]/,"\\[").replace(/[\]]/,"\\]"); | |
| var regexS = "[\\?&]"+name+"=([^&#]*)", | |
| regex = new RegExp( regexS ), | |
| results = regex.exec( window.location.href ) | |
| ; | |
| if( results === null ) { |
mike-zarandona
/ Strip Off Any Protocol from a URL.js
Created
October 15, 2014 18:27
A tiny bit of logic to strip off any protocol from a URL.
This file contains 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
| // strip off the protocol | |
| url = 'http://twitter.com/mikezarandona'; | |
| if ( url.indexOf('://') != -1 ) { | |
| url = url.substr( url.indexOf('://') + 3 ); | |
| } |
mike-zarandona
/ BX-Slider Logo Ticker.html
Created
October 16, 2014 15:58
Responsive ticker-style display drop-in using BX-Slider (http://bxslider.com/).
This file contains 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
| <section class="logos-bar"> | |
| <div class="width-container"> | |
| <ul class="logos"> | |
| <li> | |
| <div><a href="javascript:void(0)"><img src="path/to/logo.png" alt="thumbnail logo" /></div></a> | |
| </li> | |
| <li> | |
| <div><a href="javascript:void(0)"><img src="path/to/logo.png" alt="thumbnail logo" /></div></a> | |
| </li> | |
| <li> |
mike-zarandona
/ BlurMixin.less
Created
December 5, 2014 15:50
A LESS mixin to apply CSS3 blurs to elements.
This file contains 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
| .blur(@blur) { | |
| filter: blur(@blur); | |
| -webkit-filter: blur(@blur); | |
| } |
mike-zarandona
/ RetinaMixin3.less
Last active
August 29, 2015 14:11
Retina LESS Mixin v3 - now makes it super easy to specify one background image to cover three image sizes (@1x|@2x|@3x).
This file contains 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
| .retina3(@bg-image, @size: cover, @file-type: 'png'){ | |
| background-image: url('@{path}@{bg-image}.@{file-type}'); | |
| background-size: @size; | |
| @media only screen and (-webkit-min-device-pixel-ratio: 1.5), | |
| only screen and (min--moz-device-pixel-ratio: 1.5), | |
| only screen and (min-device-pixel-ratio: 1.5) { | |
| background-image: url('@{path}@{bg-image}@2x.@{file-type}'); | |
| background-size: @size; |
mike-zarandona
/ TicketPunch.less
Last active
December 20, 2015 12:39
The .ticket-punch() mix-in allows for very easy creation of "punchouts" on the left and right side of an element using :before and :after pseudo-elements.
This file contains 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
| .ticket(@size: 11px, @bgColor: #fff, @borderStyle: solid, @borderWidth: 1px, @borderColor: #333) { | |
| position: relative; | |
| border: @borderStyle @borderWidth @borderColor; | |
| text-align: center; | |
| padding: 10px 20px; | |
| display: inline-block; | |
| &:before { | |
| position: absolute; | |
| content: ''; | |
| width: @size; |
mike-zarandona
/ RetinaMixin.less
Created
October 23, 2013 18:41
Retina LESS Mixin. Makes it super easy to specify one background image to cover both standard and retina views.
This file contains 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
| .retina(@bg-image, @size: cover, @file-type: 'png'){ | |
| background-image: url('@{path}@{bg-image}.@{file-type}'); | |
| background-size: @size; | |
| @media only screen and (-webkit-min-device-pixel-ratio: 1.5), | |
| only screen and (min--moz-device-pixel-ratio: 1.5), | |
| only screen and (min-device-pixel-ratio: 1.5){ | |
| background-image: url('@{path}@{bg-image}@2x.@{file-type}'); | |
| background-size: @size; |
mike-zarandona
/ PHP Cache Buster
Created
January 13, 2014 21:52
Adding this bit of PHP to the end of a stylesheet or script incorporation will dynamically append the UTC time to the URL - making it "unique" on every load. EXTREMELY helpful for clients who might not know how to clear their browser cache.
This file contains 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
| <link rel="stylesheet" type="text/css" href="path/to/stylesheet.css?r=<?php echo time(); ?>" /> | |
| <script type="text/javascript" href="path/to/javascript.js?r=<?php echo time(); ?>"></script> |
OlderNewer