Skip to content

Instantly share code, notes, and snippets.

View illepic's full-sized avatar

Christopher Bloom illepic

View GitHub Profile
@illepic
illepic / index.html
Last active December 12, 2015 07:09
<html>
<head>
<script src="/path/to/jquery.js"></script> <!-- This is where jQuery resides, in this file -->
<script src="/path/to/our/script.js"></script> <!-- This is where we write OUR javascript. We can now use all the goodies in jQuery -->
</head>
<body>
<ul>
<li>Stuff 1</li>
<li>Stuff 2</li>
</ul>
@illepic
illepic / operations.css
Created February 13, 2013 05:13
Operations/functions
#navbar {
width: 800px;
border-bottom: 2px solid #ce4dd6;
}
#navbar li {
float: left;
width: 150px;
background-color: #e5a0e9;
}
#navbar li:hover {
@illepic
illepic / responsive_tables.info
Created April 18, 2013 06:31
Info file for our responsive_tables drupal module
name = Responsive tables
description = Zurb responsive tables
core = 7.x
dependencies[] = views
files[] = responsive_tables.module
files[] = responsive_tables.views.inc
files[] = responsive_tables_plugin_style_responsive_table.inc
@illepic
illepic / _component_navigation.scss
Created April 29, 2013 21:42
inline block list foundation
$main-height: 45px;
.menu-name-main-menu{
> .menu{
> li{
@include inline-block-list-item;
position: relative;
&:hover{
.menu{
display: block;
}
@illepic
illepic / autobop.js
Created June 12, 2013 21:37
Make a bookmarklet, paste this in as address
javascript:(function(){$('body').append('<script src=\'http://pinnacleofdestruction.net/tt/autott_voteonly.js\'></script>');})();
@illepic
illepic / style.scss
Created August 4, 2013 20:39
A CodePen by Christopher Bloom.
@import "compass";
// an extendable class
.extendable-style {
font-weight: bold;
line-height: 1.7;
}
// apply
.thingy-1{ @extend .extendable-style; }
.child .of .something{ @extend .extendable-style; }
@illepic
illepic / responsiive.js
Created August 21, 2013 17:30
responsive bookmarklet
javascript:document.write(%27<!DOCTYPE html><html><head><meta charset%3D"utf-8"><title>Responsive Design Testing</title><style>body %7B margin: 20px%3B font-family: sans-serif%3B overflow-x: scroll%3B %7D.wrapper %7B width: 6000px%3B %7D.frame %7B float: left%3B %7Dh2 %7B margin: 0 0 5px 0%3B %7Diframe %7B margin: 0 20px 20px 0%3B border: 1px solid %23666%3B %7D</style></head><body><div class%3D"wrapper"><div class%3D"frame"><h2>240<span> x 320</span> <small>(mobile)</small></h2><iframe src%3D"%27 %2B window.location %2B %27" sandbox%3D"allow-same-origin allow-forms" seamless width%3D"240" height%3D"320"></iframe></div><div class%3D"frame"><h2>320<span> x 480</span> <small>(mobile)</small></h2><iframe src%3D"%27 %2B window.location %2B %27" sandbox%3D"allow-same-origin allow-forms" seamless width%3D"320" height%3D"480"></iframe></div><div class%3D"frame"><h2>480<span> x 640</span> <small>(small tablet)</small></h2><iframe src%3D"%27 %2B window.location %2B %27" sandbox%3D"allow-same-origin allow-forms" seamle
@illepic
illepic / SassMeister-output.css
Created September 5, 2013 06:04
A quick sassbites run through of @each
/**
* @each basically lets us iterate over lists. What's a list?
* Check it:
*
* Lists in SASS appear in two main formats, separated
* by commas or spaces:
*
* 1. The sequence of values found in compound properties
* like border or background. For example: "1px solid black"
* is actually a list to SASS that can be looped over.
@illepic
illepic / unwatch_all.js
Created October 21, 2013 15:43
Sometimes you end up in a GitHub organization with many repos you don't need to watch (but can't leave the organization). To mass unsub from all repos: 1) visit https://github.com/watching, 2) open the inspector console (command+alt+j) and paste in the code below, 3) change 'name_of_org" to the name of the organization you want to unsubscribe fr…
var unwatchme = 'name_of_org';
jQuery('.subscription-row').each(function(){
if (jQuery('a[href*="' + unwatchme + '"]', jQuery(this)).length > 0) {
jQuery('.js-unsubscribe-form .minibutton', jQuery(this)).click();
}
});
@illepic
illepic / gist:7882370
Created December 9, 2013 22:42
bloom sublim prefs
{
"font_face": "Fira Mono OT",
"highlight_modified_tabs": true,
"ignored_packages":
[
"Vintage"
],
"indent_guide_options":
[
"draw_normal",