Skip to content

Instantly share code, notes, and snippets.

Avatar
🍣
sushi

takanorip takanorip

🍣
sushi
View GitHub Profile
View index.html
<!-- TAB CONTROLLERS -->
<input id="panel-1-ctrl" class="panel-radios" type="radio" name="tab-radios" checked>
<input id="panel-2-ctrl" class="panel-radios" type="radio" name="tab-radios">
<input id="panel-3-ctrl" class="panel-radios" type="radio" name="tab-radios">
<!-- TABS LIST -->
<ul id="tabs-list">
<!-- MENU TOGGLE -->
<li id="li-for-panel-1">
<label class="panel-label" for="panel-1-ctrl">Tab1</label>
@takanorip
takanorip / index.html
Last active Oct 13, 2016
TODO by Vue.js
View index.html
<div id="myApp">
<p>
Task:
<input type="text" v-model="newTask" v-on:keyup.enter="addTask()">
<button v-on:click="addTask()">ADD</button>
</p>
<ul>
<li v-for="todo in todos">
<input type="checkbox" v-model="todo.isCompleted">
View index.html
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Random animation</title>
<script src="main.js"></script>
</head>
<body>
<canvas id="cv" width="500" height="500"></canvas>
</body>
</html>
@takanorip
takanorip / App.js
Last active Oct 26, 2016
react-routerを使ってページ遷移(@第3回 Reactハンズオン 初等部編) ref: http://qiita.com/takanorip/items/649c7862a8a5380dd8be
View App.js
import React, { Component } from 'react';
import { render } from 'react-dom';
import { BrowserRouter, Match, Miss, Link } from 'react-router'
class Top extends Component {
render() {
return <div>Top</div>;
}
}
@takanorip
takanorip / index.html
Created Dec 20, 2016
transform: translate3d demo
View index.html
<div class="hoge"></div>
<button id="remove" type="button">back</button>
<button id="add" type="button">move</button>
View font.js
const font = new FontFace("hack", "url(https://cdnjs.cloudflare.com/ajax/libs/hack-font/3.003/web/fonts/hack-regular.woff2)", {
style: 'normal',
weight:'400'
});
// DOMツリーのレンダリングを待たずにフォントをダウンロードする
font.load();
// font.load() はPromiseを返す
font.load().then(function() {