View TicketPunch.less
.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; |
View RetinaMixin.less
.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; |
View PHP Cache Buster
<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> |
View Inline-Block Columns
// columns | |
[class*="col-"] { | |
display: inline-block; | |
margin: 0 4% 0 -4px; | |
.box-sizing; | |
vertical-align: top; | |
&[class*="-left"] { | |
width: 68%; | |
text-align: center; |
View "Responsive" Google Ads
<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> |
View Weather Data + Icons from Yahoo.html
<head> | |
<!-- Yahoo Weather Data --> | |
<script> | |
var yqlCallback = function(data) { | |
var extractedData = data.query.results.channel.item; | |
weatherData = extractedData; | |
}, | |
weatherData; | |
</script> |
View Statamic-Admin-iOS-Install-as-WebApp
<?php | |
$current_user = Auth::getCurrentMember(); | |
$name = $current_user->get('name'); | |
?><!doctype html> | |
<html lang="<?php echo Config::getCurrentLanguage(); ?>"> | |
<head> | |
<meta charset="utf-8"> | |
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0"> | |
<title>Statamic Control Panel</title> | |
<link rel="stylesheet" href="<?php echo Path::tidy(Config::getSiteRoot().'/'.$app->config['theme_path']) ?>css/ascent.min.css"> |
View getURLParameter.js
// 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 ) { |
View Strip Off Any Protocol from a URL.js
// strip off the protocol | |
url = 'http://twitter.com/mikezarandona'; | |
if ( url.indexOf('://') != -1 ) { | |
url = url.substr( url.indexOf('://') + 3 ); | |
} |
View BX-Slider Logo Ticker.html
<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> |
OlderNewer