Skip to content

Instantly share code, notes, and snippets.

View hideya's full-sized avatar

hideya hideya

23 followers · 8 following
  • self-employed
  • tokyo
View GitHub Profile
@hideya
hideya / scientificToDecimal.js
Last active February 3, 2019 14:36 — forked from jiggzson/scientificToDecimal.js
Converts a javascript number from scientific notation to a decimal string
function scientificToDecimal(num) {
// if the number is in scientific notation remove it
if (/\d+\.?\d*e[\+\-]*\d+/i.test(num)) {
var zero = '0',
parts = String(num).toLowerCase().split('e'), // split into coeff and exponent
e = parts.pop(), // store the exponential part
l = Math.abs(e), // get the number of zeros
sign = e/l,
coeff_array = parts[0].split('.');
if (sign === -1) {
@hideya
hideya / image-drag-and-drop.html
Created May 16, 2018 03:38
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
#drop-area {
width:500px;
height:180px;
border: 10px dashed #ccc;
@hideya
hideya / fade-in-elements-when-visited-firsttime.js
Created May 16, 2018 03:41
document.addEventListener('DOMContentLoaded', function() {
if (calledWithin(60)) {
return;
}
var elems = document.getElementsByClassName('fadein-firsttime');
for (var i = 0; i < elems.length; i++) {
(function() {
var elem = elems.item(i);
elem.style.transition = '';
elem.style.opacity = 0;
@hideya
hideya / fade-out-elements-as-scroll.js
Last active May 16, 2018 03:44
document.addEventListener("DOMContentLoaded", function() {
var elems = document.getElementsByClassName("fadeout-as-scroll");
for (var i = 0; i < elems.length; i++) {
(function() {
var elem = elems.item(i);
var wh = window.innerHeight;
var start = parseInt(elem.getAttribute("data-start"));
start = start || wh * 0.1;
var end = parseInt(elem.getAttribute("data-end"));
end = end || wh * 0.5;
@hideya
hideya / fade-in-elements-after-page-load-completion.js
Last active May 16, 2018 03:48
document.addEventListener("DOMContentLoaded", function() {
var elems = document.getElementsByClassName("fadein-after-load");
for (var i = 0; i < elems.length; i++) {
(function() {
var elem = elems.item(i);
elem.style.transition = "";
elem.style.opacity = 0;
window.addEventListener("load", function() {
var duration = elem.getAttribute("data-duration");
duration = duration || "0.5s";
@hideya
hideya / fade-out-elements-after-page-load-completion.js
Last active May 16, 2018 03:48
document.addEventListener("DOMContentLoaded", function() {
var elems = document.getElementsByClassName("hide-after-load");
for (var i = 0; i < elems.length; i++) {
(function() {
var elem = elems.item(i);
window.addEventListener("load", function() {
elem.style.display = "none";
});
})();
}
@hideya
hideya / remain-scrolled-across-page-reload.js
Last active May 23, 2018 01:24
document.addEventListener("DOMContentLoaded", function() {
var storage = window.sessionStorage;
try {
if (window.location.pathname.includes('#')) {
storage.removeItem('scroll-x');
storage.removeItem('scroll-y');
return;
}
var x = storage.getItem('scroll-x');
var y = storage.getItem('scroll-y');
@hideya
hideya / set-get-cookie.js
Last active May 16, 2018 03:51
@hideya
hideya / check-html-page-rendering-performance.js
Last active May 16, 2018 05:59
window.addEventListener("load", function() {
var perfData = window.performance.timing;
var renderTime = perfData.domComplete - perfData.domLoading;
console.log(renderTime);
});
@hideya
hideya / flex-wrap-anim.js
Last active April 25, 2023 05:49
CSS Flex Wrap Animation (code assumes no change in items except xy coords): https://codepen.io/hideya/pen/Jamabx
window.addEventListener('load', function(event) {
var targetClassName = 'flex-wrap-anim';
var defaultDuration = '0.3s';
var dummyList = [];
function addDummy(item, duration) {
var top = item.offsetTop;
var left = item.offsetLeft;
setTimeout(function() {
item.style.position = 'absolute';