Skip to content

Instantly share code, notes, and snippets.

View pugiemonn's full-sized avatar

pugiemonn pugiemonn

34 followers · 27 following
View GitHub Profile
@pugiemonn
pugiemonn / SemanticUI-center-aligned.html
Last active January 31, 2017 10:13
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags always come first -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<style>
body {
padding-top: 80px !important;
@pugiemonn
pugiemonn / react-hello-world.html
Created December 12, 2016 03:49
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="x-ua-compatible" content="ie=edge">
</head>
<body>
<div id="root">
<!-- This div's content will be managed by React. -->
@pugiemonn
pugiemonn / react-Embedding-Expressions-in-JSX.html
Last active December 10, 2016 15:17
https://facebook.github.io/react/docs/introducing-jsx.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="x-ua-compatible" content="ie=edge">
</head>
<body>
<div id="root">
<!-- This div's content will be managed by React. -->
@pugiemonn
pugiemonn / react-clickableimage.html
Last active November 23, 2016 21:06
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags always come first -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="x-ua-compatible" content="ie=edge">
</head>
<body>
<div id="root">
@pugiemonn
pugiemonn / semantic-ui-sidebar.html
Last active November 13, 2016 10:09
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags always come first -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<style>
.pusher {
padding-top:80px;
@pugiemonn
pugiemonn / semantic-ui-template.html
Created November 13, 2016 06:12
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags always come first -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<!-- CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.6/semantic.min.css">
@pugiemonn
pugiemonn / jquery-templaete.html
Created November 13, 2016 06:09
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags always come first -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<!-- CSS -->
</head>
@pugiemonn
pugiemonn / react-test.html
Last active May 6, 2016 12:03
<!DOCTYPE html>
<html>
<head>
<script src="http://fb.me/react-0.13.3.js"></script>
<script src="http://fb.me/JSXTransformer-0.13.3.js"></script>
</head>
<body>
<div id="app"></div><!-- ←ここに埋め込まれる -->
<!-- 以下、Reactのプログラム -->
@pugiemonn
pugiemonn / exmple.js
Created April 13, 2016 01:17
Tutorial
/**
* This file provided by Facebook is for non-commercial testing and evaluation
* purposes only. Facebook reserves all rights not expressly granted.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
* FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN
* ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
* WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
@pugiemonn
pugiemonn / test
Last active November 18, 2015 10:11
test
<a href="http://translate.google.com/translate_tts?tl=en&q=how low?" target="Gread">google先生よみあげ</a>
<iframe name="Gread" src="blank.html" style="visibility:hidden;" >