Skip to content

Instantly share code, notes, and snippets.

View 01copipe-storage.css
color: #e00000;
/* */
display: flex;
column-gap: 8px;
flex-grow: 1;
View example-include-html.js
name_target: '#sample-parent',
//(必須) インクルード先の要素指定。id,class,tanNameで指定。
src_part: 'pathto/sample-part.html',
//(必須) インクルード元のファイルのURL。
src_id: 'sample-div',
//(任意) インクルード元のhtml内で一部分だけ指定したい場合はここでid指定。
type_copy: 'outer',
//(任意) outer or inner
View 01monologue-maker.css
width: 150px;
/* */
text-align: center;
display: inline-block;
position: relative;
View 01howto-review-star.html
<span class="review-star" data-size="20" data-val="3" data-max="5"></span>
data-size(int)[px] 星のサイズ(>=4) 初期値16
data-val(number) 評価数(星)の値(>=0) 初期値0
data-max(int) 評価数(星)の最大値(>=1) 初期値5
<script src="pathto/review-star.js"></script>
View demo-review-star.html
<div class="block--demo">
<span class="review-star" data-size="20" data-val="3" data-max="5"></span>
<div class="block--demo">
<span class="review-star" data-size="20" data-val="4.2" data-max="5"></span>
<div class="block--demo">
View review-star.js
* review-star.js v1.0
* Copyright (c) 2023 motsu
* Released under the MIT license.
* see
class reviewStar{
View 01zaiseki-year.css
padding: 4px;
margin: 12px 0;
border: 1px outset #aaa;
display: none;
display: inline-flex;
View 01make-circle-icon.css
margin: 20px 0;
text-align: center;
padding: 16px 0;
border-bottom: 1px dashed #777;
View 01rgb-splitter.css
text-align: center;
margin: 40px auto;
overflow-x: auto;
width: 100px;
height: 30px;
View 01web-sandglass.css
box-sizing: border-box;
width: 90%;
max-width: 400px;
margin: 100px auto;
position: relative;
user-select: none;