Skip to content

Instantly share code, notes, and snippets.

@mpgilbertusa
mpgilbertusa / 0_reuse_code.js
Created December 19, 2013 17:13
Here are some things you can do with Gists in GistBox.
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
@mpgilbertusa
mpgilbertusa / rskp-directory-structure.txt
Last active August 29, 2015 13:57
Responsive Starter Kit Pro - Code Sample - Responsive Starter Kit Pro: directory/file structure
└── assets/
├── css/
├── img/
│ ├── fancybox
│ ├── flexslider
│ └── ico
└── js/
@mpgilbertusa
mpgilbertusa / rskp-modal-setup-foot.html
Created March 11, 2014 03:33
Responsive Starter Kit Pro - Code Sample - Modal Setup in the Document Foot
<script src="assets/js/jquery.fancybox.pack.js">
<script src="assets/js/jquery.fancybox-media.js"></script>
@mpgilbertusa
mpgilbertusa / rskp-modal-setup-head.html
Created March 11, 2014 03:34
Responsive Starter Kit Pro - Code Sample - Modal Setup in the Document Head
<link rel="stylesheet" href="assets/css/jquery.fancybox.css">
@mpgilbertusa
mpgilbertusa / rskp-columns-three.html
Created March 11, 2014 03:35
Responsive Starter Kit Pro - Code Sample - Columns Three
<div class="grid">
<div class="one-third">
<h4>Column One</h4>
<p>Insert content here.</p>
</div><!-- /.one-third -->
<div class="one-third">
<h4>Column Two</h4>
<p>Insert content here.</p>
@mpgilbertusa
mpgilbertusa / rskp-columns-two.html
Created March 11, 2014 03:36
Responsive Starter Kit Pro - Code Sample - Columns Two
<div class="grid">
<div class="one-half">
<h4>Column One</h4>
<p>Insert content here.</p>
</div><!-- /.one-half -->
<div class="one-half">
<h4>Column Two</h4>
<p>Insert content here.</p>
@mpgilbertusa
mpgilbertusa / rskp-modal-setup-global.js
Created March 11, 2014 03:38
Responsive Starter Kit Pro - Code Sample - Modal Setup in global.js
<script>
$(document).ready(function () {
// modal for general content (fancyBox)
if ($(".fancybox").length > 0) {
$(".fancybox").fancybox({
maxWidth: 800,
maxHeight: 600
});
}
@mpgilbertusa
mpgilbertusa / rskp-modal-inline.html
Created March 11, 2014 03:39
Responsive Starter Kit Pro - Code Sample - Modal Inline
<a href="#modal-content" class="fancybox">modal inline</a>
<div id="modal-content" style="display: none;">
Content goes here.
</div>
@mpgilbertusa
mpgilbertusa / rskp-modal-image.html
Created March 11, 2014 03:39
Responsive Starter Kit Pro - Code Sample - Modal Image
<a href="image.jpg" title="Caption Goes Here" class="fancybox">modal image</a>
@mpgilbertusa
mpgilbertusa / rskp-modal-gallery.html
Created March 11, 2014 03:40
Responsive Starter Kit Pro - Code Sample - Modal Gallery