A Pen by takanorioki on CodePen.
A Pen by takanorioki on CodePen.
A Pen by takanorioki on CodePen.
A Pen by takanorioki on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- 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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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"> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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>; | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="hoge"></div> | |
<button id="remove" type="button">back</button> | |
<button id="add" type="button">move</button> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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() { |
OlderNewer