Skip to content

Instantly share code, notes, and snippets.

View cjdsie's full-sized avatar

Chris Da Sie cjdsie

View GitHub Profile
@cjdsie
cjdsie / Wirefy column grid
Created August 16, 2012 12:25
Wirefy percentage based grid system
<!-- The Basic Grid -->
<div class="one column">One</div>
<div class="two columns">Two</div>
<div class="three columns">Three</div>
<div class="four columns">Four</div>
<div class="five columns">Five</div>
<div class="six columns">Six</div>
<div class="seven columns">Seven</div>
<div class="eight columns">Eight</div>
@cjdsie
cjdsie / Wirefy menu options
Created August 16, 2012 12:37
Wirefy menu options
<!-- Collapsing Menu -->
<nav class="menu1">
<ul>
<li><a href="#">Sample Page 1</a></li>
<li><a href="#">Sample Page 2</a></li>
<li><a href="#">Sample Page 3</a></li>
<li><a href="#">Sample Page 4</a></li>
<ul>
</nav>
@cjdsie
cjdsie / Wirefy Breadcrumb
Created August 16, 2012 12:40
Wirefy Breadcrumb
<ul class="breadcrumb">
<li><a href="#">Home</a> <span class="divider">/</span></li>
<li><a href="#">Library</a> <span class="divider">/</span></li>
<li class="active">Data</li>
</ul>
@cjdsie
cjdsie / Wirefy Pagination
Created August 16, 2012 12:46
Wirefy Pagination
<div class="pagination">
<ul>
<li><a href="#">Prev</a></li>
<li class="active"><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">Next</a></li>
</ul>
</div>
@cjdsie
cjdsie / Wirefy Pager
Created August 16, 2012 12:48
Wirefy Pager
<ul class="pager">
<li class="previous"><a href="#">&larr; Older</a></li>
<li class="next"><a href="#">Newer &rarr;</a></li>
</ul>
@cjdsie
cjdsie / Wirefy Slideshows
Created August 16, 2012 12:52
Wirefy Slideshows
<!-- Vertically centered on both sides -->
<div class="rslides_container">
<ul class="rslides" id="slider1">
<li><img src="http://placehold.it/1200x400" alt="" /></li>
<li><img src="http://placehold.it/1200x400" alt="" /></li>
<li><img src="http://placehold.it/1200x400" alt="" /></li>
</ul>
</div>
@cjdsie
cjdsie / Wirefy Icons
Created August 16, 2012 12:54
Wirefy Font Awesome Icons
<i class="icon-user">Icon User</i>
@cjdsie
cjdsie / Wirefy Button
Created August 16, 2012 12:58
Wirefy Button
<!-- Button -->
<button class="button">Click Me</button>
<! -- <a> with class Button -->
<a href="# class="button">Click Me</a>
@cjdsie
cjdsie / Wirefy Tabs
Created August 16, 2012 13:02
Wirefy Tabs
<ul class="tabs">
<li><a class="active" href="#tab1">Tab 1</a></li>
<li><a href="#tab2">Tab 2</a></li>
<li><a href="#tab3">Tab 3</a></li>
</ul>
<ul class="tabs-content">
<li class="active" id="tab1">Lorem ipsum dolor sit amet.</li>
<li id="tab2">Aliquam tincidunt mauris eu risus.</li>
<li id="tab3">Vestibulum auctor dapibus neque.</li>
</ul>
@cjdsie
cjdsie / Wirefy Tables
Created August 16, 2012 13:06
Wirefy Tables
<table class="CLASS_NAME">
<thead>
<tr>
<th scope="col">Header</th>
<th>Header</th>
<th>Header</th>
</tr>
</thead>
<tbody>
<tr>