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
<a href="_secondary.html" class="first">Link text</a> | |
<script> | |
$("a.first").pageslide(); | |
</script> |
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
<a href="#modal" class="second">Link text</a> | |
<div id="modal" style="display:none"> | |
<h2>Modal</h2> | |
<a href="javascript:$.pageslide.close()">Close</a> | |
</div> | |
<script> | |
$(".second").pageslide({ direction: "left", modal: true }); | |
</script> |
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
var position = 0, | |
images = [ | |
'image1.jpg', | |
'image2.jpg', | |
'image3.jpg' | |
]; | |
$.backstretch(images[position]); | |
setInterval(function() { | |
if(position++ > images.length) position = 0; |
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
if (navigator.userAgent.match(/(iPad|iPhone);.*CPU.*OS 7_\d/i)) { | |
$("body").css({ | |
"background": "url(path/to/image.jpg) center center no-repeat", | |
"background-size": "cover" | |
}); | |
} else { | |
$.backstretch("path/to/image.jpg"); | |
} |
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
<html> | |
<head> | |
<title>The Starter League</title> | |
</head> | |
<body> | |
<header> | |
<nav> | |
<a href="#">FAQ</a> | |
<a href="#">Blog</a> | |
<a href="https://twitter.com/starterleague">@StarterLeague</a> |
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 { | |
font-family: Helvetica, sans-serif; | |
width: 960px; | |
margin: 50px auto 0 auto; | |
} | |
.tooltip { | |
display: none; | |
position: absolute; | |
background: black; |
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
<h2>Dropdown Menu</h2> | |
<div class="dropdown"> | |
<a data-toggle="dropdown" href="#">Dropdown</a> | |
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> | |
<li><a tabindex="-1" href="#">Action</a></li> | |
<li><a tabindex="-1" href="#">Another action</a></li> | |
<li><a tabindex="-1" href="#">Something else here</a></li> | |
<li class="divider"></li> | |
<li><a tabindex="-1" href="#">Separated link</a></li> | |
</ul> |
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
<h2>Colors</h2> | |
<ul> | |
<li>1</li> | |
<li>2</li> | |
<li data-color="blue">3</li> | |
<li>4</li> | |
<li>5</li> | |
</ul> |
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
<h2>Tooltips</h2> | |
<ul> | |
<li> | |
<a href="#" data-tooltip="This is the first tooltip">Tooltip 1</a> | |
</li> | |
<li> | |
<a href="#" data-tooltip="This is the second tooltip">Tooltip 2</a> | |
</li> | |
<li> | |
<a class="third" href="#">Tooltip 3</a> |
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
<h2>Antispam</h2> | |
<p>Email me at <span class="antispam">scott at robbin dot co</span></p> |