Skip to content

Instantly share code, notes, and snippets.

View bringking's full-sized avatar
🚀
Cool Stuff

Charles King bringking

🚀
Cool Stuff
View GitHub Profile
@bringking
bringking / esnextbin.md
Created April 22, 2016 20:14
esnextbin sketch
import React from "react/addons"
import RepoListContainer from "./repo_list/repo_list_container"
export default class Home extends React.Component {
onClick(){
console.log("container clicked");
}
render() {
let repoListProps = {
@bringking
bringking / gist:2a2f4469d8c60fe1a347
Last active November 21, 2017 00:54
Accordion control built with ReactJS and elierotenberg/react-animate
'use strict';
var React = require('react/addons');
var AnimateMixin = require('react-animate');
/**
* Accordion object that maintains a list of content containers and their collapsed or expanded state
* @type {*|Function}
*/
var Accordion = React.createClass({
/**
@bringking
bringking / jsbin.bajeyosu.html
Last active August 29, 2015 13:57 — forked from anonymous/jsbin.bajeyosu.html
Lazy Model implementation in Knockout (inspired by ngModel)
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="Lazy Model" />
<script src="http://knockoutjs.com/downloads/knockout-3.0.0.js"></script>
<script src="http://code.jquery.com/jquery.min.js"></script>
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.1/css/font-awesome.css" rel="stylesheet">
<link href="http://getbootstrap.com/2.3.2/assets/css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="http://getbootstrap.com/2.3.2/assets/css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />
<script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap.js"></script>
@bringking
bringking / treeview.css
Created January 12, 2014 19:19
Knockout TreeView- A nice binding handler that accepts a dynamic tree of data, and displays a searchable and selectable tree-type list.
* {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: -moz-none;
-ms-user-select: none;
user-select: none;
font-family: "Segoe UI", "Helvetica", Arial, sans-serif;
}
.navbar{