skopp’s gists

skopp / html4noobz.html

Created November 9, 2012 21:09

HTML - The absolutely basic structure for a functional hypertext markup document. Gist is a code snippet for a blog post

	<!doctype html><html><head>
	<link href='http://fonts.googleapis.com/css?family=Titillium+Web:400,600' rel='stylesheet' type='text/css' /></head>
	<div>
	<style>body,html{background-color:brown;font-family:Titillium,arial,sans-serif;font-weight:400;color:pink;}a{font-family:Titillium,arial,sans-serif;font-weight:600;color:white;}</style>
	<body>HI! This is a <a href="#">link</a></body>
	</div></body></html>

skopp / data-markdown.user.js

Created November 27, 2012 13:40 — forked from paulirish/data-markdown.user.js

*[data-markdown] - use markdown, sometimes, in your HTML

	// ==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.

skopp / create_repo.py

Created November 28, 2012 04:26 — forked from jkeesh/create_repo.py

Python script to create a remote git repo that checks out the latest commit with a post-receive hook

	#
	# This script creates a repository and sets it up with a post receive
	# hook that checks out the code to the desired directory.
	#
	# Really nice for setting up an easy way to push code to a remote
	# server without lots of overhead.
	#
	# After running this script simply add a remote locally like
	#
	# git remote add web ssh://you@server/path/to/repo.git

skopp / index.html

Created December 12, 2012 20:33

A CodePen by skopp. Pure CSS Badges - Some fun pure CSS badge buttons. only 4 elements needed to render one of the badges!. no FF or IE becaus they block cross domain font loading :(

	<div id='wrapper'>
	<div class='cool_btn1 green'>
	<h1 class='top'>126 <i>Plays</i></h1>
	<h2>H</h2>
	</div>
	<div class='cool_btn1 teal'>
	<h1 class='top'>10k <i>Likes</i></h1>
	<h2>U</h2>
	</div>
	<div class='cool_btn1 blue'>

skopp / 404.html

Created December 12, 2012 23:27

A CodePen by skopp. 404 No signal

	<h1>404</h1>

	<div class="frame">
	<div></div>
	<div></div>
	<div></div>
	</div>
	<div class="caps"><img src="http://ademilter.com/caps.png" alt=""></div>
	<canvas id="canvas"></canvas>

cmckni3 / rbenv-bash.bash

Last active October 13, 2015 23:27

install rbenv on a Linux/Mac account

	#!/usr/bin/bash

	# Clone rbenv and set it up to build versions of ruby

	git clone git://github.com/sstephenson/rbenv.git .rbenv
	mkdir -p ~/.rbenv/plugins
	cd ~/.rbenv/plugins
	git clone git://github.com/sstephenson/ruby-build.git

	# Optional

skopp / brython.js

Created December 17, 2012 00:21

Brython-20121216-222009

	// brython.js www.brython.info
	// version 1.0.20121216-222009
	// version compiled from commented, indented source files at http://code.google.com/p/brython/
	function abs(obj){
	if(isinstance(obj,int)){return int(Math.abs(obj))}
	else if(isinstance(obj,float)){return int(Math.abs(obj.value))}
	else{$raise('TypeError',"Bad operand type for abs(): '"+str(obj.__class__)+"'")}
	}
	function $alert(src){alert(str(src))}
	function all(iterable){

skopp / index.html

Created December 17, 2012 02:38

A CodePen by skopp. Toolbar (Dribbble, CSS remix)

	<nav>
	<ul>
	<li><a href="#home">Home</a></li>
	<li class="active"><a href="#like">Like</a></li>
	<li><a href="#chat">Chat</a></li>
	<li><a href="#help">Help</a></li>
	</ul>
	</nav>

skopp / index.html

Created December 17, 2012 02:44

A CodePen by Colt Pini. RegExpert - I wanted to build a JS app for regex testing. This works well. It is still in progress. But I am happy. Most other apps that I have seen have been built in other languages and didn't truely reflect the JS regex. This is in JS for JS so you don't have those problems. The output shows the matches, there is highl…

	<ul class="aside">
	<li>
	<span>flags:</span>
	<div>
	g<input type="checkbox" name="flags" value="g" />
	i<input type="checkbox" name="flags" value="i" />
	m<input type="checkbox" name="flags" value="m" />
	y<input type="checkbox" name="flags" value="y" id="y" />
	</div>
	</li>

skopp / index.html

Created December 17, 2012 02:45

A CodePen by Paul. Dropdown buttons - Just making this tutoral (http://webdesign.tutsplus.com/tutorials/site-elements/quick-tip-design-a-pretty-dropdown-button-in-photoshop/) a reality. CSS only.

	<div class="share">
	<a href="#">Share</a>
	<div>
	<ul>
	<li><a href="#">google+</a></li>
	<li><a href="#">facebook</a></li>
	<li><a href="#">twitter</a></li>
	</ul>
	</div>
	</div>

Rashaad Essop skopp