Skip to content

Instantly share code, notes, and snippets.

View long-press.js
function long_press(el,nf,lf,sec){
let longclick = false;
let longtap = false;
let touch = false;
let timer;
el.addEventListener('touchstart',()=>{
touch = true;
longtap = false;
timer = setTimeout(() => {
longtap = true;
View 01make-circle-icon.css
.settings{
margin: 20px 0;
text-align: center;
}
.settings__row{
padding: 16px 0;
border-bottom: 1px dashed #777;
}
@motsu0
motsu0 / 01js-search-in-page.css
Last active Aug 19, 2022
keyword search in page
View 01js-search-in-page.css
.highlight{
background-color:yellow;
}
.hide{
display: none;
}
View 01rgb-splitter.css
.control{
text-align: center;
}
.control__row{
margin: 40px auto;
overflow-x: auto;
}
.input-color{
width: 100px;
height: 30px;
View 01web-sandglass.css
.sandglass{
box-sizing: border-box;
width: 90%;
max-width: 400px;
margin: 100px auto;
position: relative;
user-select: none;
}
.sandglass::after{
View 01twitter-search-command.css
.settings-row{
display: flex;
flex-direction: column;
align-items: flex-start;
row-gap: 8px;
padding: 12px;
margin: 12px 0;
background-color: #eee;
}
.label-input{
View 01demo-raining-particles.html
<button id="bt-start">降らせる</button>
<button id="bt-stop">止める</button>
<script src="pathto/raining-particles.js"></script>
View 01maze-generator.css
.settings-row{
margin: 12px 0;
}
#sel-width,#sel-height{
width: 60px;
}
#bt-make{
cursor: pointer;
}
/* */
View 01silhouette-quiz-maker.css
#quiz{
display: flex;
flex-direction: column;
box-sizing: border-box;
height: 90vh;
border: 2px solid #777;
background-color: #fff;
-webkit-tap-highlight-color: transparent;
}
View 01quiz-maker.css
@charset "utf-8";
:root{
--main-color: #0288D1;
--sub-color: #B3E5FC;
--attention-color: #D32F2F;
--correct-color: #D32F2F;
--wrong-color: #303F9F;
}
#quiz{
width: 100%;