Skip to content

Instantly share code, notes, and snippets.

View rareyman's full-sized avatar

Ross A. Reyman rareyman

17 followers · 15 following
View GitHub Profile
@rareyman
rareyman / gist:3860590
Created October 9, 2012 18:37
Snippet: CSS Starter
/*
----------------------------------------
untitled
Created by NAME on DATE
Copyright (c) YYYY. All rights reserved.
(Put commonly used hex color values here)
*/
@rareyman
rareyman / gist:3867875
Created October 10, 2012 19:31
div#tabs
ul
li a (tab item that href links to #something1)
li a (tab item that href links to #something2)
li a (tab item that href links to #something3)
li a (tab item that href links to #something4)
div#something1
stuff in here
div#something2
@rareyman
rareyman / gist:3868965
Created October 10, 2012 22:38
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>ROB DEENE | illustrator | designer</title>
<link rel="stylesheet" type="text/css" href="main.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
<script type="text/javascript" src="script.js"></script>
<!--[if lte IE7]>
@rareyman
rareyman / index.html
Created October 11, 2012 17:49 — forked from anonymous/index.html
html file
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>ROB DEENE | illustrator | designer</title>
<link rel="stylesheet" type="text/css" href="main.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
@rareyman
rareyman / gist:3875762
Created October 11, 2012 21:54
bxslider
//$('#slider1').bxSlider();
// assign the slider to a variable
var slider = $('#slider1').bxSlider({
controls: false
});
// assign a click event to the external thumbnails
$('.thumbs a').click(function(){
var thumbIndex = $('.thumbs a').index(this);
@rareyman
rareyman / main.css
Created October 25, 2012 23:18 — forked from anonymous/main.css
all css
body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label{
/* Page reset */
margin:0px;
padding:0px;
}
body{
font-family: Lucida Grande, Arial, Helvetica, sans-serif;
background:url(images/containerbg.jpg) no-repeat;
@rareyman
rareyman / gist:3956204
Created October 25, 2012 23:49
<div id="master">
<h2 id="title">blah</h2>
<p class="something">lorem</p>
<ul id="navigation">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
@rareyman
rareyman / gist:3956208
Created October 25, 2012 23:50
<div id="master">
<h2>blah</h2>
<p>lorem</p>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
@rareyman
rareyman / Quick Background Noise CSS
Created October 31, 2012 09:03
Snippet: Background Noise
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1
@rareyman
rareyman / Snippet: HTML5
Created October 31, 2012 18:34
HTML5 starter code
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title> </title>
<link href="css/master.css" rel="stylesheet" type="text/css" media="all" />
<style type="text/css" media="screen">
/* internal stylesheet */
</style>
</head>