Skip to content

Instantly share code, notes, and snippets.

View philgyford's full-sized avatar

Phil Gyford philgyford

View GitHub Profile
{{#post}}
{{#get "posts" limit="1" order="published_at desc" filter=“tag:getting-started+published_at:<{{published_at}}"}}
{{#foreach posts}}
<a href="{{url}}">{{title}}</a>
{{/foreach}}
{{/get}}
{{/post}}
@philgyford
philgyford / apple-cinema-display.md
Created May 4, 2016 09:25
Apple Cinema Display
@philgyford
philgyford / giphy_map_forecast.html
Last active April 15, 2020 23:06
Enter a location name, get a map, a weather forecast, and a Giphy image for each day's weather.
<!--
Enter a location name, submit the form.
Get a map, a weather forecast, and a Giphy image for each day's weather.
Requires API Keys for:
* Giphy: https://github.com/Giphy/GiphyAPI
* Forecast: https://developer.forecast.io/
* Google Maps JavaScript API Key
https://developers.google.com/maps/documentation/javascript/
-->
@philgyford
philgyford / artists_map_photos.html
Last active October 15, 2015 14:31
Quick demo of using APIs from The Echo Nest, Google Maps, and Flickr photos.
<!--
A form for a place.
When submitted, displays a list of music artists from that place.
And looks up the location with Google Geocoder and displays a map.
And displays Flickr photos from within that location.
REQUIRES:
* Echo Nest API Key.
* Google API Key (with access to JavaScript API and Geocoding API)
* Flickr API key
-->
@philgyford
philgyford / combine_feeds.php
Created October 7, 2015 06:47
PHP file to combine RSS feeds etc, used on gyford.com. Requires many other files to work...
<?php
/**
* @package Phil
* Combine recent photos, writing, links, etc into one feed and one HTML/PHP include.
*
* NOTE: Required the dom.so extension to be enabled in php.ini
* (It wasn't, by default, on Textdrive, 2013-03-14.)
*
* v1.4 2015-09-04
*
@philgyford
philgyford / test.html
Created November 24, 2014 12:16
jasmine-jquery SlideUp() test
<html>
<head>
<title>Test</title>
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script>
$( document ).ready(function() {
$('a.link-1').on('click', function (ev) {
ev.preventDefault();
@philgyford
philgyford / exports.csv
Last active August 29, 2015 14:00
Multi-multi-line d3 problem
We can make this file beautiful and searchable if this error is corrected: It looks like row 2 should actually have 54 columns, instead of 45. in line 1.
Country,1960,1961,1962,1963,1964,1965,1966,1967,1968,1969,1970,1971,1972,1973,1974,1975,1976,1977,1978,1979,1980,1981,1982,1983,1984,1985,1986,1987,1988,1989,1990,1991,1992,1993,1994,1995,1996,1997,1998,1999,2000,2001,2002,2003,2004,2005,2006,2007,2008,2009,2010,2011,2012
Australia,2413484152.76067,2437003023.85486,2772986896.62896,2796505767.72315,3549109642.73715,3428155448.53847,3525590771.64296,3915332064.06093,4016127225.89316,4377869862.24661,5354462985.77668,5715085675.88756,6663551401.86916,9019859064.70211,11680176860.7222,13874095316.1273,14185049792.0081,15449644413.8564,16123392736.296,19275247074.8608,24616155988.8579,26334610472.5415,26231932031.3362,24060832943.3786,26236189096.1782,27497123571.3738,27321628427.5322,29290629962.9434,37674621653.085,45334256168.0645,47071950750.2886,52249430970.8814,54226716911.482,54747048903.8786,57999308197.8554,65772943272.9433,75792867981.7906,83305681640.3193,78216102557.1458,71335380373.4804,80643722916.5358,83715251690.4583,81504290498.1164,88231217239.3
@philgyford
philgyford / exports.csv
Created April 9, 2014 09:38
d3 Line Chart problem
Country 1999 2000 2001 2002 2003
France 19 20 30 32 9
UK 15 22 25 20 21
* Sinatra
* Bootstrap SASS
* Compass
* A basic HTML structure.
<p>I recently made two new website which had to be done fairly quickly but still look good, be simple technically, be responsive and not be static. There are many ways to do this but I settled on using Sinatra, Bootstrap, SASS and Compass, and this is how I stitched that together. This isn't groundbreaking but might be useful for someone who wants to do something similar without piecing together parts and conventions.</p>
<p>You can see a skeleton of the project <a href="https://github.com/bergcloud/demo-sinatra-site">on GitHub</a>. Once you've got a copy locally, <code>cd</code> into <code>demo-sinatra-site/</code> and then for development you'll want to run these in separate windows:</p>
https://gist.github.com/