Phil Hughes iamphill

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.

https://cdn.syndication.twimg.com/widgets/timelines/[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('https://cdn.syndication.twimg.com/widgets/timelines/[WIDGET URL]?suppress_response_codes=true&callback=?', function (data) {
  var $html = $(d.body)
  // Do something with the return HTML
});

	<style>
	trello-board {
	display: block;
	height: 100%;
	}
	</style>
	<script src="http://builds.handlebarsjs.com.s3.amazonaws.com/handlebars.min-latest.js"></script>
	<script id="trello-board" type="text/x-handlebars-template">
	<style>
	trello-list {

	<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'); ?>

	#test {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 2em;
	margin-left: 20px;
	margin-top: 20px;
	padding-right: 50px;
	padding-left: 50px; }

	$prefix: space;

	// All available sizs
	$sizes: (
	"n": 0,
	"xs": 5px,
	"s": 10px,
	"m": 15px,
	"l": 20px,
	"xl": 25px

	package main

	import (
	"net/http"
	"Regexp"
	)

	type route struct {
	pattern *regexp.Regexp
	handler http.Handler

	[push]
	default = simple

	[alias]
	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

	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 () {

	input {
	font-size: 16px;
	}