Skip to content

Instantly share code, notes, and snippets.

@xypaul
xypaul / gist:7037222
Last active December 25, 2015 20:39
Advanced CSS selections

Select the first five elements:

&:nth-child(-n+5}){

}
@xypaul
xypaul / base64.js
Created January 10, 2014 04:50 — forked from Marak/base64.js
/*
* base64.js: An extremely simple implementation of base64 encoding / decoding using node.js Buffers
*
* (C) 2010, Nodejitsu Inc.
*
*/
var base64 = exports;
base64.encode = function (unencoded) {

This example pulls together various examples of work with trees in D3.js.

The panning functionality can certainly be improved in my opinion and I would be thrilled to see better solutions contributed.

One can do all manner of housekeeping or server related calls on the drop event to manage a remote tree dataset for example.

Dragging can be performed on any node other than root (flare). Dropping can be done on any node.

Panning can either be done by dragging an empty part of the SVG around or dragging a node towards an edge.

<!DOCTYPE html>
<html>
<head>
<meta name="description" content="Rename tree and get underlying data to push to server." />
<script src="http://d3js.org/d3.v3.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
<script>
@xypaul
xypaul / template.hbs
Created May 8, 2014 01:50
Vis.js Graph as Ember Component
<!-- Setting up component -->
<script type="text/x-handlebars" id="components/vis-editor"></script>
<!-- Example of using component -->
<script type="text/x-handlebars" id="application">
{{viz-editor data=data selected=selected editing=editing}}
</script>
@xypaul
xypaul / jsbin.dibug.css
Created May 8, 2014 16:26
Fill container TinyMCE
html,body {
height: 100%;
background: blue;
}
.fill-div {
height: 100%;
width: 100%
}
@xypaul
xypaul / ember-view.js
Created May 12, 2014 20:56
Ember - didInsertElement - afterRenderEvent - Ultimate solution
Ember.View.reopen({
didInsertElement : function(){
this._super();
Ember.run.scheduleOnce('afterRender', this, this.afterRenderEvent);
},
afterRenderEvent : function(){
// implement this hook in your own subclasses and run your jQuery logic there
}
});
@xypaul
xypaul / tinymce-ember.js
Created May 14, 2014 06:32
TinyMCE 4 Ember Component
App.TinymceEditorComponent = Ember.Component.extend({
// Warning!!! only use tinyMCE not tinymce !!!
editor: null,
data: {},
watchData: true,
didInsertElement: function(){
var _this = this;
// The magic config - http://www.tinymce.com/wiki.php/Configuration
var config = {};
import Ember from "ember";
var get = Ember.get;
var copy = Ember.copy;
var removeObserver = Ember.removeObserver;
var addObserver = Ember.addObserver;
var DocumentTitleMixin = Ember.Mixin.create({
titleTokensDidChange: function () {
@xypaul
xypaul / code.json
Last active January 6, 2016 01:59
language-code.json
{
"af": "Afrikaans",
"af-ZA": "Afrikaans (Suid-Afrika)",
"am": "አማርኛ",
"am-ET": "አማርኛ (ኢትዮጵያ)",
"ar": "العربية",
"ar-AE": "العربية (الإمارات العربية المتحدة)",
"ar-BH": "العربية (البحرين)",
"ar-DZ": "العربية (الجزائر)",
"ar-EG": "العربية (مصر)",