CodePen

HTML

            
              
            
          
!

CSS

            
              body
  background: black
  color: #999
  padding: 2em
  font: bold 1em/2em sans-serif
table
  &, td, th
    border: 1px solid red

            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              # initialize new engine
engine = new CoffeeTemplates format: true

# provide template expression
template = ->
  doctype 5
  html ->
    head ->
    body ->
      p 'Hello, {{name}}!'
      p 'Here are your Christmas lists ({{santa_laugh}}):'
      table ->
        thead ->
          tr ->
            block 'each children, name', ->
              th '{{name}}'
        tbody ->
          tr ->
            block 'each children, name', ->
              td ->
                block 'each list', ->
                  ul ->
                    li '{{this}}'

# render coffeecup template to html
out = engine.render template
jQuery ->
  jQuery('body').html out
console.log out
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................