Skip to content

Instantly share code, notes, and snippets.

View IgorGavrilenko's full-sized avatar

Ihor Havrilenko IgorGavrilenko

View GitHub Profile
// isMobile
var isMobile = {
Android: function() {
return navigator.userAgent.match(/Android/i);
},
BlackBerry: function() {
return navigator.userAgent.match(/BlackBerry/i);
},
iOS: function() {
@IgorGavrilenko
IgorGavrilenko / bs-3 grid + resp utils
Created August 1, 2017 19:38
bs-3 grid + resp utils
/*!
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2017 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
@IgorGavrilenko
IgorGavrilenko / matchMedia
Created August 10, 2017 13:10
matchMedia
var mediaPoint = '(max-width: px)';
if (window.matchMedia(mediaPoint).matches) {
};
// function removeEmpty() {
const empty = jQuery("p").filter(function() {
const html = jQuery(this).html();
return html === " ";
});
empty.remove();
// }
// setTimeout(removeEmpty, 0);
<div class="hidden"></div>
<div class="loader">
<div class="loader_inner"></div>
</div>
<div class="bg"></div>
@keyframes spin {
@IgorGavrilenko
IgorGavrilenko / stiky
Created November 29, 2017 16:22
stiky
@supports ((position:sticky) or (position:-webkit-sticky)){
.class {
position: -webkit-sticky;
position: sticky;
}
}
@IgorGavrilenko
IgorGavrilenko / srcset
Created December 11, 2017 17:43
srcset
<picture>
<source srcset="" media="(max-width: 991px)">
<img alt="image" src="">
</picture>
@IgorGavrilenko
IgorGavrilenko / topButton
Last active March 20, 2024 11:56
topButton
// btnTop
function btnTop() {
const rootElement = document.documentElement;
const scrollToTopBtn = document.querySelector('.scroll-top');
function handleScroll() {
let scrollTotal = rootElement.scrollHeight - rootElement.clientHeight;
if ((rootElement.scrollTop / scrollTotal) > .5) {
scrollToTopBtn.classList.add('scroll-top--show');
} else {
@IgorGavrilenko
IgorGavrilenko / поиск по атрибуту подстроки
Created January 29, 2018 20:10
поиск по атрибуту подстроки
$.urlParam = function(name){
var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
return results[1] || 0;
}
var params = 'params';
var param = $.urlParam('type');
if (param == params) {
$('.className').addClass('className');
}
@IgorGavrilenko
IgorGavrilenko / гамбургер (простой)
Created February 13, 2018 20:05
гамбургер (простой)
/* js-toggle-left-slidebar */
.js-toggle-left-slidebar {
position: relative;
float: left;
width: 35px;
height: 17px;
margin-right: 10px;
vertical-align: top;
text-indent: -9999px;