Skip to content

Instantly share code, notes, and snippets.

View vasco3's full-sized avatar

Gorka Cesium vasco3

91 followers · 357 following
View GitHub Profile
@vasco3
vasco3 / thumbs.js
Created December 9, 2014 13:23
Rebound animated button with ReactJS.
/**
* @jsx React.DOM
*/
var React = require('react');
var rebound = require('rebound');
var Thumb = React.createClass({
componentDidMount: function() {
@vasco3
vasco3 / gist:029e228de69bf73dfc4e
Last active September 15, 2016 09:20
ReactJS d3 Donut Chart
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>React + D3</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style> .arc path {stroke: #fff;} </style>
<script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.2/underscore.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/react/0.8.0/react.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/react/0.8.0/JSXTransformer.js"></script>
@vasco3
vasco3 / GG-pull-53.md
Created May 14, 2016 01:18 
const PERMITTED_REORDER = 0b1111010111;  // acceptableState

contactEmail: 1        // 0b0000000001   t
contactName: 2       // 0b0000000010   t
contactPhone: 4      // 0b0000000100   t
deliveryWindow: 8  // 0b0000001000    false
endDate: 16            // 0b0000010000    t
jobsiteAddress: 32 // 0b0000100000 false
@vasco3
vasco3 / initctl.js
Created March 25, 2016 17:54
Trigger initctl processes with NodeJS
var exec = require('child_process').exec;
var child;
var listCmd = 'initctl list | ag ' + process.argv[2];
exec(listCmd, function (error, stdout, stderr) {
if (error !== null) { console.log('exec listCmd error', error); }
var rows = stdout.split('\n');
@vasco3
vasco3 / src.js.map
Last active February 25, 2016 20:06
{"version":3,"names":[],"mappings":"","sources":["quotelog.js"],"sourcesContent":["!function e(t,n,r){function o(a,s){if(!n[a]){if(!t[a]){var u=\"function\"==typeof require&&require;if(!s&&u)return u(a,!0);if(i)return i(a,!0);var d=new Error(\"Cannot find module '\"+a+\"'\");throw d.code=\"MODULE_NOT_FOUND\",d}var l=n[a]={exports:{}};t[a][0].call(l.exports,function(e){var n=t[a][1][e];return o(n?n:e)},l,l.exports,e,t,n,r)}return n[a].exports}for(var i=\"function\"==typeof require&&require,a=0;a<r.length;a++)o(r[a]);return o}({1:[function(e,t,n){\"use strict\";function r(e){return e&&e.__esModule?e:{\"default\":e}}function o(e,t){if(!(e instanceof t))throw new TypeError(\"Cannot call a class as a function\")}function i(e,t){if(\"function\"!=typeof t&&null!==t)throw new TypeError(\"Super expression must either be null or a function, not \"+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e._
@vasco3
vasco3 / file.md
Last active February 11, 2016 22:23

App Structure

Mono repository for all apps. Instead of having ConeZone in npm we would have it on the root of the repo.

Pros

  • Easier iteration
  • Less overhead
@vasco3
vasco3 / react-components.md
Last active February 4, 2016 22:13

Versioning

named folder based

Directory structure

/button/v1.0/
/button/v1.0.1/
/button/v1.0.2/
@vasco3
vasco3 / Backbone Boilerplate
Last active December 25, 2015 16:08
super basic Backbone.js Boilerplate
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
<script src="http://documentcloud.github.io/backbone/backbone-min.js"></script>
@vasco3
vasco3 / d3 draggable smileys
Created October 14, 2013 02:59
d3 draggable smileys
var drag = d3.behavior.drag()
.on("drag", function(d,i) {
d.x += d3.event.dx
d.y += d3.event.dy
d3.select(this).attr("transform", function(d,i){
return "translate(" + [ d.x,d.y ] + ")"
})
});
@vasco3
vasco3 / d3 squares with data
Last active December 25, 2015 09:39
d3 creating squares with data
var svg = d3.select("div#myCanvas")
.append("svg")
.attr("width", 300)
.attr("height", 250)
.style("border", "1px solid #333");
var createRects = function (data) {
var rect = svg.selectAll("rect").data(data);
rect.enter().append("rect")