Skip to content

Instantly share code, notes, and snippets.

View glinkap's full-sized avatar

Petr glinkap

0 followers · 1 following
  • Moscow
View GitHub Profile
@glinkap
glinkap / gist:6b02ef7f120580f3a4591067434f4a2b
Created October 14, 2017 13:58
detect mouse direction on scroll and touch
window.addEventListener('scroll', scrollDir);
var lastScroll = 0 , scrolls = [];
function scrollDir(e) {
// clearTimeout(throtler);
// var throtler = setTimeout(calculations,500,e);
// throttle(calculations,500)();
throttler();
}
function calculations(e) {
@glinkap
glinkap / gist:e81ed64f76dd90f7c8b5c9c56b92e0af
Last active June 4, 2016 20:50
Calculations for Price Calculator
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
</head>
<body>
<script>
@glinkap
glinkap / flickity.html
Created April 25, 2016 12:25
Slider Flickity
<!DOCTYPE html>
<html lang="en">
<link rel="stylesheet" href="css/flickity.css">
<link rel="stylesheet" href="css/grid.only.bootstrap.min.css">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<style>
@glinkap
glinkap / Scroll-to-TOP.html
Last active April 23, 2016 16:12
scroll to top
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="assets/animate.css/animate.min.css">
<title>Document</title>
@glinkap
glinkap / test7.html
Last active June 9, 2016 02:17
HTML testing template
<!-- <link rel="stylesheet" href="css/grid.only.bootstrap.min.css"> -->
<link rel="stylesheet" href="css/calc-simple.css">
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<link rel="stylesheet" href="libs/jquery-ui-1.11.4/jquery-ui.css">
<script src="libs/jquery-ui-1.11.4/jquery-ui.js"></script>
@glinkap
glinkap / test7.html
Created March 4, 2016 14:14
SVG button hover scalling
<!DOCTYPE html>
<html lang="ru">
<head></head>
<body>
<style>
body{background-color: #372356;}
.mi-status {
position: absolute;
color: #03ac16;
font-size: 16px;
@glinkap
glinkap / test1.html
Created March 3, 2016 20:16
Log Helper
//------- ЛОГ ХЕЛПЕР ----------
var consolelog = {};
function log (zpush,zvar){
consolelog[zpush] = zvar;
$('.mi-status').clone();
$('.mi-status').html("");
for (var i in consolelog) {
$('.mi-status').append(i+": "+consolelog[i]+'<br>');} }