Skip to content

Instantly share code, notes, and snippets.

View danimal141's full-sized avatar
💁‍♂️
Get wild and tough

Hideaki ishii danimal141

💁‍♂️
Get wild and tough
31 followers · 10 following
  • Tokyo, Japan
View GitHub Profile
@danimal141
danimal141 / use_jsrender.html
Last active December 14, 2015 02:59
try to use jsrender
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
li{
list-style:none;
}
</style>
</head>
<body>
@danimal141
danimal141 / dropfile_sample.html
Last active December 14, 2015 02:59
drop file sample
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>File API Sample</title>
<style type="text/css">
.droppable {
width: 200px;
height: 200px;
border:1px solid red;
@danimal141
danimal141 / drag_and_drop_sample.html
Created February 23, 2013 06:32
drag and drop elements.
<html>
<head>
<meta charset="utf-8">
<title>ドラッグアンドドロップサンプル</title>
<style type="text/css">
.draggable {width: 60px; height: 30px; line-height:30px; margin: 10px; float: left;
text-align: center; background-color: blue; color: white;}
.droppable {width: 250px; height: 250px; padding:50px; margin-left:50px; border: inset 5px red; float: left;}
</style>
</head>
@danimal141
danimal141 / file_api_sample.html
Created February 23, 2013 06:33
use file API sample
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ファイル読み込みサンプル</title>
</head>
<body>
<form>
<input id="upload" type="file"/>
</form>
@danimal141
danimal141 / expand_animation.html
Last active December 14, 2015 03:39
expand animation
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
.wrap{
margin:50px;
}
.wrap::after{
display:block;
@danimal141
danimal141 / localstorage_sample.html
Created March 30, 2013 09:38
localstorage sample
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>localStorage Sample</title>
<style>
form{
margin-bottom:20px;
}
@danimal141
danimal141 / eventuality.js
Last active December 23, 2015 14:19
register and trigger events by eventuality function
var eventuality = function(that){
var registry = {};
that.on = function(type, method, parameters){
var handler = {
method : method,
parameters : parameters
};
if(registry.hasOwnProperty(type)){
@danimal141
danimal141 / assert.html
Last active December 25, 2015 11:48
Test Suite
<html>
<head>
<title>Test Suite</title>
<script>
(function(){
var results;
this.assert = function assert(value, desc){
var li = document.createElement("li");
li.className = value? "pass" : "fail";
@danimal141
danimal141 / stopGage.html
Created October 17, 2013 01:32
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="format-detection" content="telephone=no">
<meta name="keywords" content="">
<meta name="description" content="">
<title>progress_sample</title>
@danimal141
danimal141 / overloading.html
Created October 19, 2013 06:58
function overloading sample
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>function overloading</title>
</head>
<body>
<div id="target1" style="width:100px; height:100px;"></div>
<div id="target2" style="width:100px; height:100px;"></div>