Skip to content

Instantly share code, notes, and snippets.

View chochinlu's full-sized avatar
🎯
Focusing

Park Lu chochinlu

🎯
Focusing
25 followers · 23 following
  • Taiwan
View GitHub Profile
@chochinlu
chochinlu / zurb_foundation4_flask_template.html
Last active December 25, 2015 13:59
Zurb foundation4 flask template
<!DOCTYPE html>
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Zurb foundation4 flask template</title>
<link rel="stylesheet" href="{{ url_for('static', filename='css/foundation.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/custom.css') }}"> <!-- my custom css file -->
@chochinlu
chochinlu / gist:65df898ade7067cbe149
Created May 8, 2014 15:42
Simple rock, paper, scissors game.
/// include required lib
var readline = require('readline');
/// Generate computer answer
var ComputerAns = function(){
var num = Math.random();
//console.log(num);
if (num < 0.34) return 'rock';
if (num >= 0.34 && num < 0.67) return 'paper';
@chochinlu
chochinlu / gist:3ff60eb15ae075a7d5d5
Created May 22, 2014 02:41
js definitive guide 6th -- ch8.2.2
'use strict';
var o = {
m: function(){
var self = this; //save this value in a variable
console.log(this === o); //true
f();
function f(){
console.log(this === o); //false
@chochinlu
chochinlu / gist:3101ecbb9ff46f7a445e
Created May 22, 2014 03:23
js definitive guide 6th -- ch8.3
function getIndexNames(o, a){
var a = a || []; //if (a === undefined) a = [];
for(var index in o){
console.log("---"+ o[index]);
a.push(index);
};
return a;
}
@chochinlu
chochinlu / config.rb
Created May 29, 2014 01:23
compass config.rb
http_path = "/"
css_dir = "."
sass_dir = "."
images_dir = "img"
javascripts_dir = "js"
output_style = :compressed
relative_assets=true
line_comments = false
@chochinlu
chochinlu / gist:fa809248b7d946ee74c1
Last active August 29, 2015 14:01
middleman config.rb --> to support foundation 5
...
compass_config do |config|
config.output_style = :compressed
config.add_import_path "../bower_components/foundation/scss"
config.http_path = "/"
config.css_dir = "stylesheets"
config.sass_dir = "stylesheets"
config.images_dir = "images"
config.javascripts_dir = "javascripts"
config.relative_assets = true
@chochinlu
chochinlu / todo-list.js
Last active August 29, 2015 14:05
TodoList react component to demo react component lifecycle
/** @jsx React.DOM */
var React = require('react');
var TodoList = React.createClass({
getInitialState: function(){
console.log('getInitialState');
return null;
},
componentWillMount: function(){
@chochinlu
chochinlu / TodoApp.js
Created August 18, 2014 03:10
TodoApp react component to demonstrate react lifecycle. sample from : http://modernweb.com/2014/07/23/getting-started-reactjs/
/** @jsx React.DOM */
var React = require('react'),
TodoList = require('./todo-list');
var TodoApp = React.createClass({
getInitialState: function(){
console.log('TodoApp -- getInitialState');
return {
items: [],
text: ''
@chochinlu
chochinlu / package.json
Last active August 29, 2015 14:14
webpack react livereload --> http://localhost:8080/webpack-dev-server/
{
"name": "webpack-react-livereload",
"devDependencies": {
"jsx-loader": "^0.12.2",
"react-hot-loader": "^1.1.4",
"webpack": "^1.5.3",
"webpack-dev-server": "^1.7.0"
}
}
@chochinlu
chochinlu / Application.jsx
Last active August 29, 2015 14:15
Fluxible router example (1) source: http://fluxible.io/tutorials/routing.html
var React = require('react');
var FluxibleMixin = require('fluxible').Mixin;
var ApplicationStore = require('../stores/ApplicationStore');
var Home = require('./Home.jsx');
var About = require('./About.jsx');
var Application = React.createClass({
mixins: [FluxibleMixin],
getInitialState: function(){
return this.getStore(ApplicationStore).getState();