roachhd

Draggable (Mini)

Drag and throw elements and watch them continue naturally with momentum, respect bounds and optionally snap to a grid. This is the demo seen at http://www.greensock.com/draggable/

A Pen by GreenSock on CodePen.

License.

roachhd

LICENSED APPLICATION END USER LICENSE AGREEMENT

The Products transacted through the Service are licensed, not sold, to You for use only under the terms of this license, unless a Product is accompanied by a separate license agreement, in which case the terms of that separate license agreement will govern, subject to Your prior acceptance of that separate license agreement. The licensor (“Application Provider”) reserves all rights not expressly granted to You. The Product that is subject to this license is referred to in this license as the “Licensed Application.”

a. Scope of License: This license granted to You for the Licensed Application by Application Provider is limited to a non-transferable license to use the Licensed Application on any iPhone or iPod touch that You own or control and as permitted by the Usage Rules set forth in Section 9.b. of the App Store Terms and Conditions (the “Usage Rules”). This license does not allow You to use the Licensed Application on any iPod touch or iPhone that You

roachhd

##All my profile links! so much stuffs 😫

Bl.ocks.org

    https://bl.ocks.org/roachhd/

Gist

https://gist.github.com/roachhd

roachhd

require 'fileutils'
require 'digest/md5'
require 'redcarpet'
require 'pygments'

class Redcarpet2Markdown < Redcarpet::Render::HTML
  def block_code(code, lang)
    lang = lang || "text"
    colorized = Pygments.highlight(code, :lexer => lang, :options => { :style => "default", :encoding => 'utf-8'})
    add_code_tags(colorized, lang)

roachhd

<section class="content about">
  <h1 class="big thin">The PURPLE OWL</h1>




  <img src="http://www.clker.com/cliparts/J/Q/T/y/5/i/purple-orange-owl-hi.png" class="noclip" style="display: block;margin-left: auto;margin-right: auto;" />

roachhd

Features

• Ready-made CSS stylesheets for Markdown, just copy the assets folder you want
• Bundled with generate-md, a small tool that converts a folder of Markdown documents into a output folder of HTML documents, preserving the directory structure
• Use your own custom markup and CSS via --layout.
• Support for relative paths to the assets folder via {{assetsRelative}} and document table of content generation via {{toc}}.
• Support for generic metadata via a meta.json file

---

Quickstart

roachhd

Words Randomly Flying Into Place

just	a	silly	demo
demonstrating	tables	in	markdown

Forked from Chris Coyier's Pen Words Randomly Flying Into Place.

A Pen by Captain Anonymous on CodePen.

roachhd

SVG Fragment Identifiers in HTML and CSS

A Pen by Chris Coyier on CodePen.

License.

roachhd

How to Write Comments

######HTML Writing comments in HTML, XHTML, and XML. Simply surround the text you want commented out with

<!-- YOUR TEXT HERE -->

If you want to stop your JavaScript from executing when placed in a HTML_file add // before the end -->

roachhd

Ways to handle space between inline-block elements

Forked from Chris Coyier's Pen Ways to handle space between inline-block elements.

A Pen by Captain Anonymous on CodePen.

License.