Skip to content

Instantly share code, notes, and snippets.

Things for Style Guide

<!DOCTYPE html>
<!-- http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="ie ie6 lte9 lte8 lte7"> <![endif]-->
<!--[if IE 7]> <html class="ie ie7 lte9 lte8 lte7"> <![endif]-->
<!--[if IE 8]> <html class="ie ie8 lte9 lte8"> <![endif]-->
<!--[if IE 9]> <html class="ie ie9 lte9"> <![endif]-->
<!--[if gt IE 9]> <html> <![endif]-->
<!--[if !IE]><!-->
<html>
<!--<![endif]-->
@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)
*/
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
<!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);
<div id="master">
<h2>blah</h2>
<p>lorem</p>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
@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;
<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>