Skip to content


Subversion checkout URL

You can clone with
Download ZIP
Tree: b49c231be0
Fetching contributors…

Cannot retrieve contributors at this time

91 lines (72 sloc) 2.669 kB
<!doctype html>
<html lang="en">
<title>yepnope Tutorial</title>
<!-- Load Initial Scripts -->
<script type="text/javascript" src="js/modernizr.js"></script>
<script type="text/javascript" src="js/yepnope.js"></script>
<!-- YepNope Configuration -->
<script type="text/javascript">
load: ['js/jquery.js','js/utils.js'],
wait: true
test: Modernizr.localstorage,
yep: ['js/localStorage.js'],
nope: ['js/polyfill.js'],
wait: true
load: ['js/blockUI.js', 'js/app.js'],
wait: true
<!-- Shelf and Magazine Cover Styles-->
<style type="text/css">
body { font-family: 'Georgia'}
.cover{ border:4px solid transparent; float:left; margin:43px 20px 0px 0px; height:123px; display:none;}
.cover img { width:95px; -webkit-box-shadow: 1px 1px 10px #292629; -moz-box-shadow: 1px 1px 10px #292629; box-shadow: 1px 1px 10px #292629;}
.cover:hover { border:4px solid blue}
.selected { border:4px solid red;}
.shelf { width:1024px; height:768px; background:url('images/shelf.jpg') no-repeat; }
.level1,.level { margin-left:30px}
.level .cover { margin-top:15px;}
h1 { font-size:30px; letter-spacing:-1px;}
h2 { font-size:20px; letter-spacing:-1px; margin-top:-16px; color:#666; }
<!-- Body Markup -->
<h1>yepnope, Modernizr And localStorage Demo For .net magazine</h1>
<h2>Select your favorite issue below and we'll remember it when you come back.</h2>
<div class="shelf">
<div class="level1">
<div class="cover"><img src="images/209.jpg"/></div>
<div class="cover"><img src="images/208.jpg"/></div>
<div class="cover"><img src="images/207.jpg"/></div>
<div class="cover"><img src="images/206.jpg"/></div>
<div class="cover"><img src="images/205.jpg"/></div>
<div class="cover"><img src="images/204.jpg"/></div>
<div class="cover"><img src="images/203.jpg"/></div>
<div class="cover"><img src="images/202.jpg"/></div>
<div class="level">
<div class="cover"><img src="images/201.jpg"/></div>
<div class="cover"><img src="images/200.jpg"/></div>
<div class="cover"><img src="images/199.jpg"/></div>
<div class="cover"><img src="images/198.jpg"/></div>
<div class="cover"><img src="images/197.jpg"/></div>
<div class="cover"><img src="images/196.jpg"/></div>
<div class="cover"><img src="images/195.jpg"/></div>
<div class="cover"><img src="images/194.jpg"/></div>
<div class="cover"><img src="images/193.jpg"/></div>
<div class="cover"><img src="images/192.jpg"/></div>
Jump to Line
Something went wrong with that request. Please try again.