Skip to content

Instantly share code, notes, and snippets.

@flibbertigibbet
flibbertigibbet / index.html
Created December 10, 2016 15:41 — forked from DaisyDream/index.html
Portfolio
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" />
<body class="container-fluid">
<div class="topnav" id="topnav">
<ul>
<li><a href="#About">About</a></li>
<li><a href="#Portfolio">Portfolio</a></li>
<li><a href="#Contact">Contact</a></li>
</ul>
</div>

Chrome Developer Tools at I/O 2016

About the I/O presentation and demo app

The Chrome DevTools team gave this presentation at Google I/O 2016.

The code for the exact demo app used in their presentation apparently isn't public, but was based on the progressive web app CodeLabs demo, the code for which is here, in the 'final' directory.

Progressive web apps have a responsive design and define a manifest.json, which gives URLs for launcher icons and the start URL for the app. With the manifest.json in place, users can add the web app to their device home screen and launch it directly. Another common feature of progressive web apps is their use of service workers to cache resources, which allows them to load quickly, cut down on network use, and potentially work offline.

@flibbertigibbet
flibbertigibbet / example.js
Created March 10, 2015 18:26
Example standalone Windshaft configuration
var Windshaft = require('./lib/windshaft');
var _ = require('underscore');
var tablename = 'YOUR TABLENAME HERE';
var style = '#' + tablename + ' { ' +
'line-color: #EFF3FF; ' +
'line-width: 2; ' +
'} ';
@flibbertigibbet
flibbertigibbet / TorqueTalk.md
Last active April 9, 2016 00:46
How to Use Torque Outside of a Full CartoDB Setup

What is Torque?

Torque is an open-source JavaScript library from CartoDB for time series map visualization.

How are Torque Visualizations Created?

  • The simplest way to create a Torque time-lapse animation is to upload the data to a CartoDB account,
#!/usr/bin/env python
""" Parse JSON real-time bus data from SEPTA:
http://www3.septa.org/hackathon/
"""
from datetime import datetime, timedelta
import json
import requests
import sys
@flibbertigibbet
flibbertigibbet / FeedFetcherMA.py
Last active August 29, 2015 14:10
Fetch updated GTFS feeds for Massachusetts
#!/usr/bin/python
import requests, os, pickle, datetime, zipfile, subprocess, csv
class FeedFetcher():
def __init__(self, ddir=os.getcwd()):
self.ddir = ddir
self.tc = {} # time checks for GTFS fetches
self.new_use = [] # list of new feeds successfully downloaded and validated
@flibbertigibbet
flibbertigibbet / cyclephilly_geojson_generator.py
Created June 12, 2014 23:14
Build GeoJSON of CyclePhilly tracks from MySQL database
#!/usr/bin/env python
import pymysql
import geojson
from geojson import FeatureCollection, Feature, LineString, Point
dt_fmt = '%Y-%m-%d %H:%M'
db = pymysql.connect(host='', user='', passwd='', db='')
#!/bin/sh
#
# update_storyboard_strings.sh - automatically extract translatable strings from storyboards and update strings files
# Based on http://forums.macrumors.com/showpost.php?p=16060008&postcount=4 by mikezang
storyboardExt=".storyboard"
stringsExt=".strings"
newStringsExt=".strings.new"
oldStringsExt=".strings.old"
localeDirExt=".lproj"
@flibbertigibbet
flibbertigibbet / recurse_ftp.py
Last active June 23, 2020 20:22
Recursively fetch files from an FTP server directory. Here, it's downloading all the zip files found in or beneath the parent directory.
#!/usr/bin/env python
from ftplib import FTP
from time import sleep
import os
my_dirs = [] # global
my_files = [] # global
curdir = '' # global
@flibbertigibbet
flibbertigibbet / census_fetcher.py
Created December 23, 2013 06:20
Download TIGER/Line data from the Census FTP server based on state FIPS code. Here, pulls EDGE data for four states.
#!/usr/bin/env python
from os import walk
from ftplib import FTP
from time import sleep
# 10 - DE
# 34 - NJ
# 36 - NY
# 42 - PA