Skip to content

Instantly share code, notes, and snippets.

View Nikolasgrizli's full-sized avatar
🏠
Working from home

Nikolay Evsukov Nikolasgrizli

🏠
Working from home
  • Ukraine
View GitHub Profile
@Nikolasgrizli
Nikolasgrizli / html
Last active August 18, 2019 23:03
Bootstrap 4 tab desctop/accordion mobile
<div class="tab-accordio__wrapper">
<!-- heading -->
<ul id="tab-accordion" class="nav nav-tabs d-none d-sm-flex mt-3" role="tablist">
<li class="nav__item nav-item">
<a role="tab" class="nav-link active show" data-toggle="tab" href="#home"
aria-selected="true">
Heading 1
</a>
</li>
<li class="nav__item nav-item">
@Nikolasgrizli
Nikolasgrizli / html
Created November 3, 2018 16:23
Custom mobile menu
<div class="main-menu-wrapper">
<div class="container">
<div class="mobile-menu-wrapper">
{# trigger mobile menu #}
<span class="mob-calls__menu"><i></i></span>
{# mobile & desctop menu #}
<nav class="header__nav">
<ul class="nav">
<span class="nav__item-description">
@Nikolasgrizli
Nikolasgrizli / !readme.md
Last active August 10, 2018 01:49
ST3 sync settings

Синхронизация настроек Sublime Text 3

@Nikolasgrizli
Nikolasgrizli / .css
Created June 24, 2018 12:01
gradient color letters -webkit only
@supports (-webkit-background-clip: text) {
.letter {
background-image: linear-gradient(170deg, rgba(234, 234, 234, 0) 15%, rgba(234, 234, 234, 0.4) 22%, rgba(194, 73, 119, 0.9) 45%, #c24977 100%);
-webkit-background-clip: text;
background-clip: text;
background-position: center -250%;
color: transparent
}
.letter.-animate{
background-position: 0% 150%;
@Nikolasgrizli
Nikolasgrizli / index.html
Created March 21, 2018 07:58
button like ajax + localStorage + php
<button class="supvideo">Мне нравится!</button>
<p> Количество просмотров <output id="statlike" >--</output></p>
@Nikolasgrizli
Nikolasgrizli / top.js
Created March 20, 2018 00:36
browsers support
browser = function ($) {
'use strict';
var data = [
{ str: navigator.userAgent, sub: 'Chrome', ver: 'Chrome', name: 'chrome' },
{ str: navigator.vendor, sub: 'Apple', ver: 'Version', name: 'safari' },
{ prop: window.opera, ver: 'Opera', name: 'opera' },
{ str: navigator.userAgent, sub: 'Firefox', ver: 'Firefox', name: 'firefox' },
{ str: navigator.userAgent, sub: 'MSIE', ver: 'MSIE', name: 'ie' },
{ str: navigator.userAgent, sub: 'Trident/7.0', ver: 'rv', name: 'ie' }
];
$(window).scroll(function() {
var st = $(this).scrollTop() /10;
$(".object").css({
"transform" : "translate3d(0px, " + st + "%, .01px)",
"-webkit-transform" : "translate3d(0px, " + st + "%, .01px)"
});
});
@Nikolasgrizli
Nikolasgrizli / header_fadeout.js
Created March 19, 2018 05:43 — forked from agragregra/header_fadeout.js
jQuery Header Content FadeOut on Scroll
$(window).scroll(function() {
var st = $(this).scrollTop();
if($(window).height()+500 > $("header").height()) {
$("header .col-md-12").css({
"transform" : "translate3d(0px, " + st /18 + "%, 0px)",
"-webkit-transform" : "translate3d(0px, " + st /18 + "%, 0px)",
"opacity" : "1" - st/700
});
@Nikolasgrizli
Nikolasgrizli / jquery-active.js
Created March 19, 2018 05:38 — forked from agragregra/jquery-active.js
jQuery Active Menu
//Active menu
$("li a").each(function() {
if (this.href == window.location.href) {
$(this).addClass("active");
}
});
@Nikolasgrizli
Nikolasgrizli / scroll-next.js
Created March 19, 2018 05:37 — forked from agragregra/scroll-next.js
jQuery Scroll To Next Section
$(".scroll-next").click(function() {
var cls = $(this).closest(".section").next().offset().top;
$("html, body").animate({scrollTop: cls}, "slow");
});