flex1
A Pen by takanorioki on CodePen.
View hide-long-text-only-css.markdown
hide long text only css
A Pen by takanorioki on CodePen.
View header.markdown
Header
A Pen by takanorioki on CodePen.
View holy-grail-layout.markdown
Holy Grail Layout
A Pen by takanorioki on CodePen.
View index.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
| <!-- 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> |
View index.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
| <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
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> |
takanorip
/ App.js
Last active
October 26, 2016 01:23
react-routerを使ってページ遷移(@第3回 Reactハンズオン 初等部編) ref: http://qiita.com/takanorip/items/649c7862a8a5380dd8be
View App.js
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>; | |
| } | |
| } |
View index.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
| <div class="hoge"></div> | |
| <button id="remove" type="button">back</button> | |
| <button id="add" type="button">move</button> |
View font.js
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