Fast prototyping of apps using Sketch and d3.js, please refer to the the explanatory post.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import os | |
import fnmatch | |
from urllib import urlopen, urlencode | |
services = { | |
"css": "http://cssminifier.com/raw", | |
"js": "http://javascript-minifier.com/raw" | |
} | |
for ext, url in services.items(): |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var fs = require('fs'), | |
path = require('path'), | |
request = require('request'), | |
diff = require('jsondiffpatch'), | |
cJSON = require('canonical-json'), | |
_ = require('lodash'), | |
async = require('async'), |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<meta charset="utf-8"> | |
<style> | |
svg { | |
font: 10px sans-serif; | |
} | |
.border { | |
color: yellow; |
While widgets provide the best way to enable bidirectional communication between the Notebook and the kernel this approach, borrowed from Bret Victor's talk Inventing on Principal and implemented with Ian Johnson's Inlet.js is kind of fun.
Once this is installed, clicking on a number (int, float... or scientific notation!) or a hex/hsl color, and a visual tool (slider or color picker) will show up.
You can copy and paste the ipython-inlet.js
file in a Notebook cell with %%javascript
uncommented, it
should take care of everything. You could probably also do some kind of magic with requirejs
, but I don't
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<link rel="stylesheet" href="./lib/bootstrap/dist/css/bootstrap.css"></link> | |
<link rel="stylesheet" href="./lib/fontawesome/css/font-awesome.css"></link> | |
<link rel="stylesheet" href="./lib/bootswatch/cyborg/bootstrap.css"></link> | |
<link rel="stylesheet" href="./lib/codemirror/lib/codemirror.css"></link> | |
<link rel="stylesheet" href="./lib/codemirror/theme/monokai.css"></link> | |
<style> | |
html { | |
height: 100%; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"@context": { | |
"xtypes": "http://purl.org/xtypes/", | |
"foaf": "http://xmlns.com/foaf/0.1/", | |
"rdfs": "http://www.w3.org/2000/01/rdf-schema#", | |
"owl": "http://www.w3.org/2002/07/owl#", | |
"dcterms": "http://purl.org/dc/terms/", | |
"label": "rdfs:label", | |
"subClassOf": { | |
"@type": "@id", |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var express = require("express"); | |
var Mustache = require('mustache'); | |
var resumeToText = require('resume-to-text'); | |
var path = require('path'); | |
var resumeToHTML = require('resume-to-html'); | |
var resumeToMarkdown = require('resume-to-markdown'); | |
var bodyParser = require('body-parser'); | |
var bcrypt = require('bcrypt-nodejs'); | |
var gravatar = require('gravatar'); | |
var app = express(); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<html xmlns="http://www.w3.org/1999/xhtml"> | |
<head> | |
<title>d3.carto.map - d3.carto.layer</title> | |
<meta charset="utf-8" /> | |
<link type="text/css" rel="stylesheet" href="https://raw.githubusercontent.com/emeeks/d3-carto-map/master/d3map.css" /> | |
<link type="text/css" rel="stylesheet" href="https://raw.githubusercontent.com/emeeks/d3-carto-map/master/examples/example.css" /> | |
</head> | |
<style> | |
html,body { | |
height: 100%; |
Grid layout demo.
In response to this question.
OlderNewer