Skip to content

Instantly share code, notes, and snippets.

View roachhd's full-sized avatar

Katie Ball roachhd

93 followers · 65 following
View GitHub Profile
@roachhd
roachhd / node-and-npm-in-30-seconds.sh
Last active August 29, 2015 14:12 — forked from isaacs/node-and-npm-in-30-seconds.sh
echo 'export PATH=$HOME/local/bin:$PATH' >> ~/.bashrc
. ~/.bashrc
mkdir ~/local
mkdir ~/node-latest-install
cd ~/node-latest-install
curl http://nodejs.org/dist/node-latest.tar.gz | tar xz --strip-components=1
./configure --prefix=~/local
make install # ok, fine, this step probably takes more than 30 seconds...
curl https://www.npmjs.org/install.sh | sh
@roachhd
roachhd / solarized-dark.css
Last active August 29, 2015 14:11 — forked from qguv/solarized-dark.css
/* Solarized Dark
For use with Jekyll and Pygments
http://ethanschoonover.com/solarized
SOLARIZED HEX ROLE
--------- -------- ------------------------------------------
base03 #002b36 background
base01 #586e75 comments / secondary content
@roachhd
roachhd / SVG-Fragment-Identifiers-in-HTML-and-CSS.markdown
Last active August 29, 2015 14:08 — forked from anonymous/SVG-Fragment-Identifiers-in-HTML-and-CSS.markdown
@roachhd
roachhd / Words-Randomly-Flying-Into-Place.markdown
Created November 8, 2014 14:35 — forked from anonymous/Words-Randomly-Flying-Into-Place.markdown
@roachhd
roachhd / Ways-to-handle-space-between-inline-block-elements.markdown
Created November 8, 2014 14:34 — forked from anonymous/Ways-to-handle-space-between-inline-block-elements.markdown
@roachhd
roachhd / data-markdown.user.js
Last active August 29, 2015 14:08 — forked from paulirish/data-markdown.user.js
// ==UserScript==
// @name Use Markdown, sometimes, in your HTML.
// @author Paul Irish <http://paulirish.com/>
// @link http://git.io/data-markdown
// @match *
// ==/UserScript==
// If you're not using this as a userscript just delete from this line up. It's cool, homey.
@roachhd
roachhd / gist:03c887dc3d4928c94b98
Last active August 29, 2015 14:08 — forked from jcsrb/gist:1081548
function get_avatar_from_service(service, userid, size) {
// this return the url that redirects to the according user image/avatar/profile picture
// implemented services: google profiles, facebook, gravatar, twitter, tumblr, default fallback
// for google use get_avatar_from_service('google', profile-name or user-id , size-in-px )
// for facebook use get_avatar_from_service('facebook', vanity url or user-id , size-in-px or size-as-word )
// for gravatar use get_avatar_from_service('gravatar', md5 hash email@adress, size-in-px )
// for twitter use get_avatar_from_service('twitter', username, size-in-px or size-as-word )
// for tumblr use get_avatar_from_service('tumblr', blog-url, size-in-px )
// everything else will go to the fallback
// google and gravatar scale the avatar to any site, others will guided to the next best version
@roachhd
roachhd / example.css
Last active August 29, 2015 14:08 — forked from heygrady/example.css
.box {
-moz-box-shadow: 5px 9px 5px 5px rgba(0, 0, 0, 0.75);
-webkit-box-shadow: 5px 9px 5px 5px rgba(0, 0, 0, 0.75);
-o-box-shadow: 5px 9px 5px 5px rgba(0, 0, 0, 0.75);
box-shadow: 5px 9px 5px 5px rgba(0, 0, 0, 0.75);
}
@roachhd
roachhd / index.html
Last active August 29, 2015 14:08 — forked from LeaVerou/dabblet.css
<h1>Increasing border-left width</h1>
<div class="progress"></div>
<div class="progress"></div>
<div class="progress"></div>
<div class="progress"></div>
<div class="progress"></div>
<div class="progress"></div>
<div class="progress"></div>
<div class="progress"></div>
<div class="progress"></div>
@roachhd
roachhd / Image-Swapping-↔-pure-Css.markdown
Last active August 29, 2015 14:08 — forked from anonymous/Image-Swapping-↔-pure-Css.markdown