jalbertbowden

<h1>Try to Pull the Arrow Down</h1>

<div class="wrapper">  
  
  <div class="content">    
    <ul>
      <li><a href="#">Cool, HUH</a></li>
      <li><a href="#">Try to</a></li>
      <li><a href="#">Pull the</a></li>
      <li><a href="#">Arrow Up</a></li>

jalbertbowden

<h1>Try to Pull the Arrow Down</h1>

<div class="wrapper">  
  
  <div class="content">    
    <ul>
      <li><a href="#">Cool, HUH</a></li>
      <li><a href="#">Try to</a></li>
      <li><a href="#">Pull the</a></li>
      <li><a href="#">Arrow Up</a></li>

jalbertbowden

<button>Toggle Font Size</button>

<h2>Unicode</h2>
<div>&#9776; Menu </div>

<h2>Pseudo Element w/ box-shadow</h2>
<div class="box-shadow-menu">Menu</div>

<h2>Pseudo Element w/ border</h2>
<div class="border-menu">Menu</div>

jalbertbowden

<ul class="nav site-nav cf">
         <li><a href="#"><span class="bot-arrow"></span>link1</a></li>
         <li><a href="#"><span class="bot-arrow"></span>link2</a></li>
         <li><a href="#"><span class="bot-arrow"></span>link3</a></li>
         <li><a href="#"><span class="bot-arrow"></span>link4</a></li>
         <li class="flyout">
                <a href="#">link5</a>
                <!-- Flyout -->
                <ul class="flyout-content nav stacked">
                    <li><a href="#">BusBusBusBusBusBusBusBusBusBusBusBusBusBussssssssssss</a></li>

jalbertbowden

<ul class="nav site-nav cf">
         <li><a href="#"><span class="bot-arrow"></span>link1</a></li>
         <li><a href="#"><span class="bot-arrow"></span>link2</a></li>
         <li><a href="#"><span class="bot-arrow"></span>link3</a></li>
         <li><a href="#"><span class="bot-arrow"></span>link4</a></li>
         <li class="flyout">
                <a href="#">link5</a>
                <!-- Flyout -->
                <ul class="flyout-content nav stacked">
                    <li><a href="#">BusBusBusBusBusBusBusBusBusBusBusBusBusBussssssssssss</a></li>

jalbertbowden

// ----------------------------------------------------------
// A short snippet for detecting versions of IE:
// Uses a combination of object detection and user-agent 
// sniffing.
// ----------------------------------------------------------
// If you're not in IE then:
//     ie === NaN  // falsy
// If you're in IE then you can determine which version:
//     ie === 7; // IE7
// Thus, to detect IE:

jalbertbowden

/** http://dabblet.com/gist/5261343
 * Named Pages - Print style sheets
 */

@page narrow {
	size: 9cm 18cm;
}
@page rotated {
	size: landscape;
}

jalbertbowden

<!--Pattern HTML-->
  <div id="pattern" class="pattern">
    <!--Begin Pattern HTML-->
    <h3 id="tab1" class="tab accordian" aria-controls="panel1" role="tab" tabindex="0">Section 1</h3>

  <div id="panel1" class="panel accordian" aria-labeledby="tab1" role="tabpanel">
  	<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttit

jalbertbowden

  function getNatural (DOMelement) {
    var img = new Image();
    img.src = DOMelement.src;
    return {width: img.width, height: img.height};
  }

  var 
  natural = getNatural(document.getElementById('example')),
  nWidth = natural.width,
  nHeight = natural.height;

jalbertbowden

<div>
  <h1>Makefolio</h1>
  <p>Dispassionate extraterrestrial observer gathered by gravity bits of moving fluff gathered by gravity. Dream of the mind's eye, cosmic ocean hydrogen atoms galaxies vastness is bearable only through love the carbon in our apple pies stirred by starlight Apollonius of Perga at the edge of forever bits of moving fluff.</p>
  
  <p>Billions upon billions intelligent beings, corpus callosum trillion Sea of Tranquility culture, tingling of the spine something incredible is waiting to be known, kindling the energy hidden in matter are creatures of the cosmos Sea of Tranquility, worldlets as a patch of light intelligent beings, decipherment, Hypatia, rogue? Hearts of the stars, of brilliant syntheses birth circumnavigated. The ash of stellar alchemy!</p>

  <p>Billions upon billions? Venture! Dispassionate extraterrestrial observer culture! Dispassionate extraterrestrial observer kindling the energy hidden in matter hundreds of thousands venture, Vangelis shores of the cosmic ocean sta