roachhd

animate.css for blondes

Setting up some demos and cheatsheets for a blog post 😀

---

roachhd

Git Commands

A list of my commonly used Git commands

If you are interested in my Git aliases, have a look at my .bash_profile, found here: https://github.com/roachhd/bash_profile/blob/master/.bash_profile

--

Getting & Creating Projects

roachhd

require 'redcarpet'
markdown = Redcarpet.new("Hello World!")
puts markdown.to_html

roachhd

My Fav CDN's

####BootstrapCDN Bootstrap 3.3.0

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>

####Bootlint

roachhd

Fork Me Retina Ribon Quick Snippets

Goodbye blurry Fork Me ribbons and hello Retina image. These great ribbons crafted by Aral and are super easy to slip into your open source project page.

Left or right positioning is as easy. left or right at img style="position: absolute; top: 0; right or left: 0 Colours are super easy too, just put your color selection (along with position choice) at the end of your img src link like this [email protected]

Avaliable colours: red green graphite orange grey white chocolate old-burgandy chardonnay dusk-blue tourquise cerulean

roachhd

SVG Fragment Identifiers in HTML and CSS

A Pen by Chris Coyier on CodePen.

License.

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

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.

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

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