jedfoster

<div class="main">
  <div class="ribbon--red">1</div>
  <div class="ribbon--green">2</div>
  <div class="ribbon--purple">3</div>
  <div class="ribbon--orange">4</div>
  <div class="ribbon--blue">50%</div>
  <div class="ribbon--gray">:)</div>
  <div class="ribbon--pink">!</div>
</div>

jedfoster

" run command
" no stdin
" output displayed in "Press enter to continue" style
" current buffer untouched
:!uptime

" run command
" pipe range of text to command on stdin
" output replaces the range in the current buffer
:RANGE!grep foo

jedfoster

" Toggle relative line numbers

function! NumberToggle()
  if(&relativenumber == 1)
    set norelativenumber
    set number
  else
    set relativenumber
  endif
endfunc

jedfoster

.left
    textarea
      | $red: #f00
      | .test {
      |    color: $red;
      | }
  
.right
  pre
    code.output

jedfoster

Foo

jedfoster

// ----
// Sass (v3.2.19)
// Compass (v0.12.6)
// ----

// Base prototype object
// This is a very abstract pattern than is meant to 
// be extended by multiple "semantic" objects (modules)

%media

jedfoster

CONVENTION

Numbered Lists are tree nodes, bullet lists are leaves (i.e key-value pairs)

MULTILAYERCNTL

1. GENERIC

• LUNIT
• TRACE
• EPERP

jedfoster

.col-sm-25(style='margin-bottom:300px;')
  %p Foo

jedfoster

Bar

kadsjfldsjalk

jedfoster

In reply to @bimbe_lien on Twitter.

AudioJS elements expose a player object, with a play() method that can be called programmatically—from outside of the element.

Try this:

1. Open http://jedfoster.com/AudioJS/ in your browser
2. Open the console and paste in this: document.body.querySelector(".tube-css audio").player.play();

Note that the AudioJS element is the `` tag.