Skip to content

Instantly share code, notes, and snippets.

View redamoon's full-sized avatar
🙄

Yuki Sekiguchi redamoon

🙄
10 followers · 29 following
View GitHub Profile
@redamoon
redamoon / JdGvGO.markdown
Last active August 29, 2015 14:20
JdGvGO
@redamoon
redamoon / BNjqaK.markdown
Created May 11, 2015 17:34
BNjqaK
@redamoon
redamoon / MwyVWP.markdown
Created May 14, 2015 07:54
MwyVWP
@redamoon
redamoon / index.html
Created September 11, 2017 01:07
switch label
<div class="js-switch">
<ul>
<li>
<input name="radio" class="radio" type="radio" id="radio01" value="" data-radio=".change01" checked>
<label for="radio01">switch01</label>
</li>
<li>
<input name="radio" class="radio" type="radio" id="radio02" value="" data-radio=".change02">
<label for="radio02">switch02</label>
</li>
@redamoon
redamoon / MTML.html
Last active December 9, 2017 10:34
Nunjucks + MTML SaCSS vol91
<mt:Ignore>記事のコンポーネント</mt:Ignore>
<mt:SetVarTemplate name="_base_entries" key="entries" note="記事のコンポーネント">
<mt:Loop name="entries">
<mt:If name="__first__">
<ul>
</mt:If>
<a href="<mt:Var name="_link" /><mt:Var name="_date" />：<mt:Var name="_title" /></a>
<mt:If name="__last__">
<ul>
</mt:If>
@redamoon
redamoon / multiField_vue.html
Last active November 27, 2019 17:03
Vue.jsで出力した例
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>マルチフィールドのサンプルコード（Vue.jsを使った例）</title>
<!-- UIkit CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-rc.23/css/uikit.min.css" />
<!-- UIkit JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-rc.23/js/uikit.min.js"></script>
@redamoon
redamoon / multiField_foreach_nestvar.html
Last active November 27, 2019 17:03
mt:Foreach・NestVar・mt:Loopで出力した例
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>マルチフィールドのサンプルコード（mt:Foreachを使った例）</title>
<!-- UIkit CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-rc.23/css/uikit.min.css" />
<!-- UIkit JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-rc.23/js/uikit.min.js"></script>
@redamoon
redamoon / index.html
Last active November 27, 2019 17:13
position sticky load scrollLeft End
<!-- <div class="table-wrap">
<table>
<tr>
<th>テスト</th>
<th>テスト</th>
<th>テスト</th>
<th>テスト</th>
<th>テスト</th>
<th>テスト</th>
<th>テスト</th>
@redamoon
redamoon / script.babel
Created January 5, 2021 12:33
xxEjXNX
// true が dark mode
// false が normal mode
function getMode(type) {
const $body = $('body');
// typeの引数でonとoffを判別
const check = type ? 'on' : 'off';
type ? $body.addClass('dark') : $body.addClass('light');
type ? $body.removeClass('light') : $body.removeClass('dark');
$('input[name="view-mode"]').prop('checked', type);
$.cookie(type, check, { expires: 365, path:'/'});
@redamoon
redamoon / index.html
Created January 5, 2021 15:48
xxEjXNX
<div class="header">
<h1><a href="/">www.ni4.jp</a></h1>
<div class="mode-change">
<input type="checkbox" name="view-mode" id="view-mode">
<label for="view-mode">mode: </label>
</div>
</div>