Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

View matthewcrist's full-sized avatar

Matthew Crist matthewcrist

32 followers · 10 following
View GitHub Profile
@matthewcrist
matthewcrist / create_gemset.sh
Created September 11, 2011 02:12
Homebrew, RVM & Rails on OS X Lion
rvm gemset create base
@matthewcrist
matthewcrist / 1-100 Select.html
Created June 10, 2011 12:52
A Select Box With Options From 1 - 100
<select><option value="0">0</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option><option value="32">32</option><option value="33">33</option><option value="3
@matthewcrist
matthewcrist / box-orient.css
Created April 14, 2011 13:30
Flexible box model orient
/* Places children side by side */
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
box-orient: horizontal;
/* Places children in block layout */
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
box-orient: vertical;
@matthewcrist
matthewcrist / display-box.css
Created April 14, 2011 13:27
display: -webkit-box;
display: -moz-box;
display: box;
@matthewcrist
matthewcrist / jQuery or Bust. Copied from the HTML5 Boilerplate by Paul Irish and friends.
Created April 11, 2011 14:30
<script>window.jQuery || document.write("<script src='js/libs/jquery-1.5.1.min.js'>\x3C/script>")</script>
@matthewcrist
matthewcrist / Safari 5.0.3 SVG Bug
Created November 28, 2010 15:24
<svg height="300" width="350" version="1.1" xmlns="http://www.w3.org/2000/svg">
<script type="application/ecmascript">//<![CDATA[
function removeAndUpdate(el) {
var cliprect = document.getElementById('cliprect');
// remove the path
//el.setAttribute('clip-path', 'none'); // doesn't help
el.parentNode.removeChild(el);
// update the clipping
@matthewcrist
matthewcrist / Two tone double gradient with border
Created September 28, 2010 01:04
.element {
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1E63B8), to(#09121C), color-stop(.5,#143D70), color-stop(.5,#052F62));
border: 1px solid rgba(0,0,0,0.25)
}
@matthewcrist
matthewcrist / Is it descendant?
Created June 5, 2010 22:36
A couple helpers to help you figure out if you're within a category in Wordpress. A slight modification of code found here...
http://olykrap.com/post/how-to-check-for-category-descendants/
@matthewcrist
matthewcrist / example_usage.markdown
Created May 20, 2010 18:26 — forked from lwe/example_usage.markdown

javascript:

var pp = "/images/test/images_";
var images_p1 = [ pp + '1.jpg', pp + '2.jpg', pp + '3.jpg', pp + '4.jpg', pp + '5.jpg' ];
var images_p2 = [ pp + '6.jpg', pp + '7.jpg', pp + '8.jpg', pp + '9.jpg', pp + '10.jpg' ];

$('.preview').slideview(function(e) { return e.id == "p1" ? images_p1 : images_p2; }, {width: 100, height: 100});

html: