Skip to content

Instantly share code, notes, and snippets.

View plusjade's full-sized avatar
🐵
🚀 🤖

Jade Dominguez plusjade

🐵
🚀 🤖
484 followers · 49 following
View GitHub Profile
@plusjade
plusjade / index.html
Created December 26, 2014 12:46
<section id="main" data-bind="visible: todos().length">
<input id="toggle-all" data-bind="checked: allCompleted" type="checkbox">
<label for="toggle-all">Mark all as complete</label>
<ul id="todo-list" data-bind="foreach: filteredTodos">
<li data-bind="css: { completed: completed, editing: editing }">
<div class="view">
<input class="toggle" data-bind="checked: completed" type="checkbox">
<label data-bind="text: title, event: { dblclick: $root.editItem }"></label>
<button class="destroy" data-bind="click: $root.remove"></button>
</div>
@plusjade
plusjade / index.html
Last active August 29, 2015 14:12
<form>
<input name="item">
<button type="submit">Add Item</button>
</form>
<ul id="todo-items">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
@plusjade
plusjade / state.json
Created December 26, 2014 12:55
"user" : {
"name" : "John Smith",
"quota" : 100,
"_type" : "Administrator"
}
@plusjade
plusjade / react-todo.html
Last active August 29, 2015 14:12
<div id="todo"></div>
<script src="//cdnjs.cloudflare.com/ajax/libs/react/0.12.2/react.min.js"></script>
<script>
Todo = React.createClass({
displayName: 'Todo'
,
getInitialState : function() {
return { items: [] };
}
@plusjade
plusjade / todo-list.html
Created December 31, 2014 05:35
<h4>Todo List</h4>
<form>
<input name="item">
<button type="submit">Add Item</button>
</form>
<ul id="todo-items">
<li>Item 1 <button>x</button></li>
<li>Item 2 <button>x</button></li>
<li>Item 3 <button>x</button></li>
</ul>
@plusjade
plusjade / cheatsheet.js
Created January 12, 2015 23:15
/* -----------------------------------------------------------------------------
INTERACTING WITH THE USER INTERFACE
------------------------------------------------------------------------------*/
// GET HTML (DOM) ELEMENT
// I need to reference an HTML element inside javascript:
@plusjade
plusjade / random.html
Created February 18, 2015 01:53
randomize an array
<!DOCTYPE html>
<html>
<head>
<script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.7.0/underscore-min.js"></script>
</head>
<body>
<script>
var numbers = [1,2,3,4,5,6,7,8,9];
var randomNumbers = _.shuffle(numbers, numbers.length);
@plusjade
plusjade / track-score.html
Created February 18, 2015 01:57
track a score using a variable
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
var score = 0;
function computeScore(outcome) {
if(outcome) {
@plusjade
plusjade / blah.html
Created March 16, 2015 20:49
<form action="/friends" method="POST">
<input type="text" name="lastname">
<button type="submit">Submit</button>
</form>
@plusjade
plusjade / gist:541645bbbdfe8f2bfd3e
Created March 16, 2015 20:55
Started GET "/api/v2/searches/autocomplete_term?source=web&warehouse_id=5&zone_id=9" for ::1 at 2015-03-16 13:54:41 -0700
Processing by Api::V2::SearchesController#autocomplete_term as JSON
Parameters: {"source"=>"web", "warehouse_id"=>"5", "zone_id"=>"9"}