Skip to content

Instantly share code, notes, and snippets.

View cjdsie's full-sized avatar

Chris Da Sie cjdsie

32 followers · 10 following
View GitHub Profile
@cjdsie
cjdsie / wirefy-gallery
Created October 31, 2012 11:19
Wirefy Gallery
@cjdsie
cjdsie / wirefy-html-template
Created September 13, 2012 23:53
Wirefy HTML Template
<!DOCTYPE html>
<!-- HTML5 Mobile Boilerplate -->
<!--[if IEMobile 7]><html class="no-js iem7"><![endif]-->
<!--[if (gt IEMobile 7)|!(IEMobile)]><!--><html class="no-js" lang="en"><!--<![endif]-->
<!-- HTML5 Boilerplate -->
<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if (IE 7)&!(IEMobile)]><html class="no-js lt-ie9 lt-ie8" lang="en"><![endif]-->
<!--[if (IE 8)&!(IEMobile)]><html class="no-js lt-ie9" lang="en"><![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"><!--<![endif]-->
@cjdsie
cjdsie / wirefy-file-structure
Created September 13, 2012 23:33
Wirefy File Structure
Wirefy/
├── index.html
├── sass/
| ├── base.scss
| ├── layout.scss
├── css/
| ├── base.css
| ├── layout.css
├── img/
| ├── nav-icon.png
@cjdsie
cjdsie / columns-and-margins
Created September 13, 2012 09:58
Column and Margins
<!-- Standard Grid Format -->
<section class="row">
<div class="eight columns">
...
</div>
<div class="eight columns">
...
</div>
</section>
@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>
@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 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 Icons
Created August 16, 2012 12:54
Wirefy Font Awesome Icons
<i class="icon-user">Icon User</i>
@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 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>