URYU uryu-myao

⛩️

Charging

UI/UX Designer ・ Web Developer

uryu-myao / app.js

Created November 6, 2018 09:25

HEADER SCROLLED

	const HEADER = (function () {

	function scrollingSwitch() {

	let Page = document.getElementById('whole'),
	headerHeight = 185

	if (document.body.scrollTop >= headerHeight \|\|
	document.documentElement.scrollTop > headerHeight) {
	Page.classList.add('headerPoint')

uryu-myao / app.js

Created November 6, 2018 09:24

OVERLAY MENU

	const MENU = (function () {

	let menu = document.querySelector('.menu'),
	overlay = document.querySelector('.overlay'),
	navItem = document.querySelectorAll('.overlay_item')

	let active = false

	let toggleMenu = function () {
	if (!active) {

uryu-myao / app.css

Created October 2, 2018 02:53

IE指定

	@media all and (-ms-high-contrast:none) {
	.foo { padding-top: 10px;}
	}

uryu-myao / .htaccess

Created August 20, 2018 03:15

hidden index from URL

	Options +FollowSymLinks
	RewriteEngine on
	RewriteCond %{THE_REQUEST} ^.*/index.html
	RewriteRule ^(.*)index.html$ http://yoshikawagumi.info/$1 [R=301,L]

	<Files ~ "^.(htaccess\|htpasswd)$">
	deny from all
	</Files>

uryu-myao / app.js

Created May 21, 2018 07:28

smooth back to top

	$(function(){

	$(".btt").on('click touchstart', function () {
	$('html,body').animate({ scrollTop: 0 }, 'swing');
	return false;
	});

	});

uryu-myao / parallax.html

Last active May 21, 2018 07:01 — forked from felquis/parallax.html

Mouse Parallax Effect

	<!DOCTYPE HTML>
	<html lang="pt-BR">
	<head>
	<meta charset="UTF-8">
	<title>Mouse Parallax Effect</title>
	<link rel="stylesheet" href="style.css" />
	</head>
	<body>
	<div id="parallax">
	<img class="parallax-item" src="http://bymarina.com.br/wp-content/uploads/2011/01/sol2.jpg" width="150">

uryu-myao / index.html

Created May 20, 2018 09:34

SVG filter ( liquid style )

	<div id="wrapper">
	<div class="a"></div>
	<div class="b"></div>
	</div>

	<svg>
	<defs>
	<filter id="goo">
	<feGaussianBlur in="SourceGraphic" stdDeviation="10" result="name" />
	<feColorMatrix in="name" mode="matrix" values="1 0 0 0 0

uryu-myao / solve npm install error

Created April 23, 2018 04:35

$ sudo npm install -g xxx --unsafe-perm=true --allow-root

uryu-myao / app.js

Last active April 17, 2018 08:09

page loading control

	$(function () {
	var h = $(window).height();

	$('.contents, #top').css('display','none');
	$('.load, load-logo').height(h).css('display','block');
	});

	$(window).load(function () {
	$('.load').fadeOut(800);
	$('.load-logo').fadeOut(300);

uryu-myao / app.js

Created April 17, 2018 05:39

Full window popup menu

	$(function(){
	var scrT;
	$('.menu-trigger').on('click',function(){
	if(!$('#menu-cover').hasClass('is_active')){
	$('.menu-trigger').one('click',openMainMenu());
	} else {
	// console.log(scrT);
	$('.close-holder').one('click',closeMainMenu());
	}
	});