Skip to content

Instantly share code, notes, and snippets.

iamphill / index.html
Last active Oct 20, 2015
Trello shadow DOM
View index.html
trello-board {
display: block;
height: 100%;
<script src=""></script>
<script id="trello-board" type="text/x-handlebars-template">
trello-list {
iamphill / head.phtml
Last active Sep 28, 2015
Magento head
View head.phtml
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<title><?php echo $this->getTitle(); ?></title>
<meta name="description" content="<?php echo htmlspecialchars( $this->getDescription() ); ?>">
<meta name="keywords" content="<?php echo $this->getKeywords(); ?>">
<?php $_currentProduct = Mage::registry('current_product'); ?>
iamphill / test.css
Created Jul 21, 2015
SASS nested namespace properties
View test.css
#test {
font-family: Helvetica, Arial, sans-serif;
font-size: 2em;
margin-left: 20px;
margin-top: 20px;
padding-right: 50px;
padding-left: 50px; }
iamphill / style.scss
Created May 26, 2015
SCSS spacing utility
View style.scss
$prefix: space;
// All available sizs
$sizes: (
"n": 0,
"xs": 5px,
"s": 10px,
"m": 15px,
"l": 20px,
"xl": 25px
iamphill / RegexHandler.go
Last active May 8, 2020
Very basic golang HTTP server
View RegexHandler.go
package main
import (
type route struct {
pattern *regexp.Regexp
handler http.Handler
iamphill / .gitconfig
Last active Sep 24, 2015
Git config file aliases
View .gitconfig
default = simple
lg1 = log --graph --abbrev-commit --decorate --date=relative --format=format:'%C(bold blue)%h%C(reset) - %C(bold green)(%ar)%C(reset) %C(white)%s%C(reset) %C(dim white)- %an%C(reset)%C(bold yellow)%d%C(reset)' --all
lg2 = log --graph --abbrev-commit --decorate --format=format:'%C(bold blue)%h%C(reset) - %C(bold cyan)%aD%C(reset) %C(bold green)(%ar)%C(reset)%C(bold yellow)%d%C(reset)%n'' %C(white)%s%C(reset) %C(dim white)- %an%C(reset)' --all
lg = !"git lg1"
s = status
iamphill / gulpfile.js
Last active Aug 29, 2015
First gulpfile ever made for some awesome-y projects
View gulpfile.js
var gulp = require('gulp'),
sass = require('gulp-sass'),
watch = require('gulp-watch'),
to5 = require('gulp-6to5'),
browserify = require('gulp-browserify'),
uglify = require('gulp-uglify'),
rename = require('gulp-rename'),
runSequence = require('run-sequence');
gulp.task('watch', function () {
iamphill / iphone.css
Created Jan 21, 2015
On iPhone, if input font size is below 16px it will automatically zoom in
View iphone.css
input {
font-size: 16px;
iamphill /
Last active Aug 29, 2015
Instagram shadow DOM

Instagram Shadow DOM

This creates a new element instagram-box element which displays 12 recent images with a specific tag.

Taken out of a project due to the polyfill failing in IE9. Works natively in Chrome, needs polyfilled for all other browsers.

iamphill /
Last active Aug 29, 2015
Access Twitter timeline with JS
View[WIDGET URL]?suppress_response_codes=true&callback=?

Create a Twitter embed widget and then take the ID number from URL and swap the [WIDGET URL] with this ID. Then just use as you wish to get access to the data. With jQuery I use..

$.getJSON('[WIDGET URL]?suppress_response_codes=true&callback=?', function (data) {
  var $html = $(d.body)
  // Do something with the return HTML