Tessa Thornton tessalt

## dropdown.html
<a class="toggleMenu" href="#">Menu</a>
<ul class="nav clearfix">
	<li class="topLvlItem parent">
		<a href="#">Item 1</a>
		<ul class="subLvlNav">
			<li class="subLvlItem subParent">
				<a href="#">Browse by Interest</a>
				<ul class="btmLvlNav">
					<li><a href="#">Sports</a></li>
					<li><a href="#">Academics</a></li>

## index.html
<span class="okselect">
  	<span class="arrows"></span>
		<select name="dietserious" onfocus="this.up().addClassName('focus');" onblur="this.up().removeClassName('focus');">

			    <option value="0">All Assets</option><option value="1">My Assets</option><option value="2">Strictly</option>

		</select>
	</span>

## index.html
<select>
  <option>My Assets</option>
  <option>All Assets</option>
  <option>Other Things</option>
  <option>Another really long option</option>
</select>

## accordions.js
$(".accordion_toggle").live("click", function(e){
	e.preventDefault();
	$(".accordion_toggle").removeClass("active");
	$(".accordion_content").slideUp();
	if($(this).next().is(':hidden') == true) {
		$(this).addClass("active");
		$(this).next().slideDown();
	}
});

## gist:4032115
for file in *.html.haml ; do cp -i $file `echo $file | sed 's/\(.*\.\)html.haml/\1mobile.haml/'` ; done

## tabs.coffee
  $(".tabs > li >  a").click (e) ->
    e.preventDefault()
    $(".tab").removeClass "active"
    $(".tabs > li > a").removeClass "active"
    targetTab = $(this).attr("href")
    $(targetTab).addClass "active"
    $(this).addClass "active"

## modal.css
.overlay {
  display: none;
  position: absolute;
  top: 0;
  left:0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  z-index: 20;
}

## gist:4129203
  <!DOCTYPE html>
  <html>
  <head>
  <meta charset="utf-8" />
  <title>Title</title>
  </head>
  <body>
  </body>
  </html>

## gist:4230967

      
              1 file
            
          
              1 fork
            
          
              0 comments
            
          
              0 stars
            
          
                tessalt
                / gist:4230967
            
            
              Created
              December 7, 2012 05:17
                — forked from lucasfais/gist:1207002
            
              
                Sublime Text 2 - Useful Shortcuts
              
          
    Sublime Text 2 – Useful Shortcuts (Mac OS X)

General


		 ⌘T 
		 go to file 
	
	
		 ⌘⌃P 
		 go to project 
	
	
		 ⌘R 
		 go to methods 
	
	
		 ⌃G 
		 go to line 
	
	
		 ⌘KB 
		 toggle side bar 
	
	
		 ⌘⇧P 
		 command prompt 
	

## extend.scss
%clearfix {
  &:before, &:after {
    content: " ";
    display: table;
  }
  &:after {
    clear: both;
  }
}
	<a class="toggleMenu" href="#">Menu</a>
	<ul class="nav clearfix">
	<li class="topLvlItem parent">
	<a href="#">Item 1</a>
	<ul class="subLvlNav">
	<li class="subLvlItem subParent">
	<a href="#">Browse by Interest</a>
	<ul class="btmLvlNav">
	<li><a href="#">Sports</a></li>
	<li><a href="#">Academics</a></li>
	<span class="okselect">
	<span class="arrows"></span>
	<select name="dietserious" onfocus="this.up().addClassName('focus');" onblur="this.up().removeClassName('focus');">

	<option value="0">All Assets</option><option value="1">My Assets</option><option value="2">Strictly</option>

	</select>
	</span>
	<select>
	<option>My Assets</option>
	<option>All Assets</option>
	<option>Other Things</option>
	<option>Another really long option</option>
	</select>
	$(".accordion_toggle").live("click", function(e){
	e.preventDefault();
	$(".accordion_toggle").removeClass("active");
	$(".accordion_content").slideUp();
	if($(this).next().is(':hidden') == true) {
	$(this).addClass("active");
	$(this).next().slideDown();
	}
	});
	$(".tabs > li > a").click (e) ->
	e.preventDefault()
	$(".tab").removeClass "active"
	$(".tabs > li > a").removeClass "active"
	targetTab = $(this).attr("href")
	$(targetTab).addClass "active"
	$(this).addClass "active"
	.overlay {
	display: none;
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	z-index: 20;
	}
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8" />
	<title>Title</title>
	</head>
	<body>
	</body>
	</html>
⌘T	go to file
⌘⌃P	go to project
⌘R	go to methods
⌃G	go to line
⌘KB	toggle side bar
⌘⇧P	command prompt
	%clearfix {
	&:before, &:after {
	content: " ";
	display: table;
	}
	&:after {
	clear: both;
	}
	}