Skip to content

Instantly share code, notes, and snippets.

View skopp's full-sized avatar

Rashaad Essop skopp

110 followers · 528 following
View GitHub Profile
@skopp
skopp / README.md
Created April 28, 2013 00:07 — forked from mbostock/.block

From Wikipedia:

Epicyclic gearing or planetary gearing is a gear system consisting of one or more outer gears, or planet gears, revolving about a central, or sun gear. … Epicyclic gearing systems also incorporate the use of an outer ring gear or annulus, which meshes with the planet gears.

Use the menu in the top-left to change the frame of reference, fixing the specified gear in-place.

@skopp
skopp / LICENSE.txt
Created April 27, 2013 21:14 — forked from 140bytes/LICENSE.txt
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
Version 2, December 2004
Copyright (C) 2011 YOUR_NAME_HERE <YOUR_URL_HERE>
Everyone is permitted to copy and distribute verbatim or modified
copies of this license document, and changing it is allowed as long
as the name is changed.
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
@skopp
skopp / 1stcommit.markdown
Created April 27, 2013 18:57
"Getting your first commit in an open source project" by Alok Menghrajani via <https://www.facebook . com/notes/alok-menghrajani/getting-your-first-commit-in-an-open-source-project/10150780161673947>

Getting your first commit in an open source project

by Alok Menghrajani (Notes) on Thursday, May 10, 2012 at 12:10am

Here is a note I'm hoping will help you understand the importance of contributing to open source projects and how to get your first commit. I recently realized that github's inline editing capabilities has greatly simplified this process and made it easier for non technical people to have an impact.

  1. Why contribute to open source?
@skopp
skopp / jqueryquirk.md
Created April 27, 2013 18:45
props: @alokmenghrajani (http://alokmenghrajani.github.io)

jQuery has this quirk, where you can't pass user data to the $() function:

$('<img src=1 onerror=alert(document.domain)>')

The $() code ends up creating an HTML node, which can lead to a XSS hole.

This vector for bugs has been known for a while (bug 9521, bug 11617), but can unfortunately still be exploited in some cases.

src

@skopp
skopp / comparison.md
Created April 10, 2013 15:24 — forked from pauldijou/comparison.md

CSS Frameworks Comparison

TL;DR

If I should pick only one framework for all my projects, both prototyping and production, I would go with either Bootstrap or Foundation and then improve them depending on my needs, eventually by using nice ideas from other frameworks. Since I'm a LESS user, I will probably go with Bootstrap, but if Foundation would have been build with LESS too, I would have been in deep s****.

Players

@skopp
skopp / subnav.css
Created April 9, 2013 12:16 — forked from thomaspark/subnav.css
section {
padding-top: 60px;
}
.subnav {
margin-bottom: 60px;
width: 100%;
height: 36px;
background-color: #eeeeee; /* Old browsers */
background-repeat: repeat-x; /* Repeat the gradient */
@skopp
skopp / htmlparser.js
Created April 8, 2013 15:09
#htmlparser.js #gistflow #js #parse
/*
* HTML Parser By John Resig (ejohn.org)
* Original code by Erik Arvidsson, Mozilla Public License
* http://erik.eae.net/simplehtmlparser/simplehtmlparser.js
*
* // Use like so:
* HTMLParser(htmlString, {
* start: function(tag, attrs, unary) {},
* end: function(tag) {},
@skopp
skopp / index.html
Created April 4, 2013 22:43
A CodePen by skopp.
<div class="hexrow">
<div>
<span>Any text you would like (that fits).</span>
<div></div>
<div></div>
</div>
<div>
<span>Really, change the text to say what you want!</span>
<div></div>
<div></div>
@skopp
skopp / index.html
Created April 4, 2013 22:40
Freakin Hexagon! A CodePen by skopp.
<div><h1>IT's a freaking hexagon!</h1></div><div><div id="hexagon"></div></div>
@skopp
skopp / main.js
Last active December 15, 2015 16:19
Bundling Base64 img with brfs
substack : tweet-button $ browserify -t brfs main.js
;(function(e,t,n,r){function i(r){if(!n[r]){if(!t[r]){if(e)return e(r);throw new Error("Cannot find module '"+r+"'")}var s=n[r]={exports:{}};t[r][0](function(e){var n=t[r][1][e];return i(n?n:e)},s,s.exports)}return n[r].exports}for(var s=0;s<r.length;s++)i(r[s]);return i})(typeof require!=="undefined"&&require,{1:[function(require,module,exports){var fs = require('fs');
var img = "iVBORw0KGgoAAAANSUhEUgAAACwAAAAlCAYAAAA5iwvJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAJpAAACaQBOMpC7QAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAQeSURBVFiFzdhZqFVVHMfxz7rd5nk12ZxCIhVSSUmRTUQ0oBVbISqLkF6aKEgKekkqBCNKKOih6S0ytgVRkkSWNFBREEVJoyKSKe7mAVNXD2ufOvd47jnnds699YXDPvz3f63922sv/sMKKSUTRSirYVyMOdiKZ3AU3sQPqYi/dBm7Y3iChJ6KG2qh3+PE+tZvuAPP48JQVnekIj7WMvYQLMBwKuJ9obHCoawW4oNUxNcGKPRwLMNZo7g8h3n1SxxY25ZhFabiPEzH2zg/FfHPZsEfyW8+LxXx+QGInYYVOK6D23oc3WWqNTgnFXEThJSSUFZHYEPt8AcuSkV8ow+xU/A+4r+do0nseamIG0NZ7YM4VN9o/mR7YEUoq0v7eND1+he7A69jSSirD/EDZjZWeBLOxY2YVQ/YhgexOBXxx7E8KZTVV5jSp+