Skip to content

Instantly share code, notes, and snippets.

@kholodovz
kholodovz / resolution.js
Last active February 22, 2020 19:09
Показать размеры девайся JS
var windowWidth = $(window).width();
var windowHeight = $(window).height();
alert(windowWidth + ' , ' + windowHeight);
@kholodovz
kholodovz / pagescrolltoid.js
Last active February 25, 2020 17:13
Page Scroll To Id
/* == Page scroll to id == Version: 1.6.3, License: MIT License (MIT) */
!function(e,t,a){var l,n,s,i,o,r,c,u,h,f,g,d,p="mPageScroll2id",_="mPS2id",C=".m_PageScroll2id,a[rel~='m_PageScroll2id'],.page-scroll-to-id,a[rel~='page-scroll-to-id'],._ps2id",v={scrollSpeed:1e3,autoScrollSpeed:!0,scrollEasing:"easeInOutQuint",scrollingEasing:"easeOutQuint",pageEndSmoothScroll:!0,layout:"vertical",offset:0,highlightSelector:!1,clickedClass:_+"-clicked",targetClass:_+"-target",highlightClass:_+"-highlight",forceSingleHighlight:!1,keepHighlightUntilNext:!1,highlightByNextTarget:!1,disablePluginBelow:!1,clickEvents:!0,appendHash:!1,onStart:function(){},onComplete:function(){},defaultSelector:!1,live:!0,liveSelector:!1,excludeSelectors:!1},m=0,S={init:function(r){var r=e.extend(!0,{},v,r);if(e(a).data(_,r),n=e(a).data(_),!this.selector){var c="__"+_;this.each(function(){var t=e(this);t.hasClass(c)||t.addClass(c)}),this.selector="."+c}n.liveSelector&&(this.selector+=","+n.liveSelector),l=l?l+","+this.selector:this.selector,n
@kholodovz
kholodovz / call-scroll-to-id.js
Created February 22, 2020 19:18
Call Scroll To Id
$("a.scroll-to").mPageScroll2id({
highlightClass:"active"
});
@kholodovz
kholodovz / whatsapp-panel
Created February 25, 2020 17:11
Whatsapp and Phone panel for mobile
<div class="mobile-call">
<a href="tel:+77084905611" target="_blank"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABmJLR0QA/wD/AP+gvaeTAAABdklEQVRIia3ULUhDURjG8edsyoYO0WbwCwzDjzxQsLisQVEQzEajxWgxiWnFJJgVxSiDBUERg4gWGSLi0GBRED9wf8MmXufOvdfd85QT3ufcH/dyzpVqAsSAZeAQmKudOwnQCmzzkzIw7xpJAAX+5hnocwmt1kG+s+cK6QJefSCA0ShGrLpOSEoEdGdcQNkQ3TYXUE9A713ShgsIn86TpEljzFEUqKm63lnmN5KyxphiFET6eaMTyzznAvFC+5Z50gXyK8BpnbtzAcRdQ7OWi7rgGooBx5Z/3aBrLAN81MEugUgXth62ZPmEBaDFZ98YsAgMh4UMsGvBDoD2mn4cWPd0ysAmkAqDdQBFC3YFjFd7SWDL0jsDusNgaaBkeQjALfDoMwe4BnrDYAPAfcDDgpIPhKrYEPAQAfoEmsNi/cB5g9BaKMSDpYAclVMVNiuA+RfkAUeoHHO/lIBp777GtAqYljQlKSOpU9KLpKKkvKQdY8ybt/8F8jcoaFQQS8oAAAAASUVORK5CYII=">ПОЗВОНИТЬ</a>
<a href="https://wa.me/+77084905611?text=Добрый%20день.%20Желаю%20получить%20консультацию%20по%20вашим%20услугам" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="32" height="32" viewBox="0 0 172 172" style=" fill:#000000;"><g fill="none" fill-rule="none" stroke="none" str
@kholodovz
kholodovz / yandex-map-lazy.js
Created February 25, 2020 20:15
yandex map lazyload
//Переменная для включения/отключения индикатора загрузки
var spinner = $('.ymap-container').children('.loader');
//Переменная для определения была ли хоть раз загружена Яндекс.Карта (чтобы избежать повторной загрузки при наведении)
var check_if_load = false;
//Необходимые переменные для того, чтобы задать координаты на Яндекс.Карте
var myMapTemp, myPlacemarkTemp;
//Функция создания карты сайта и затем вставки ее в блок с идентификатором "map-yandex"
function init () {
var myMapTemp = new ymaps.Map("map-yandex", {
@kholodovz
kholodovz / yandex-map-lazy.css
Created February 25, 2020 20:15
yandex map lazy load
.ymap-container {
position: relative;
margin: 3em 0 2em 0;
overflow: hidden;
cursor: pointer;
background: url('../img/yandex-before-load.jpg') #ffffff no-repeat;
@kholodovz
kholodovz / yandex-map-lazy.html
Created February 25, 2020 20:16
yandex map lazy load
<div class="ymap-container">
<div class="loader loader-default"></div>
<div id="map-yandex"></div>
</div>
@kholodovz
kholodovz / callback.html
Created March 4, 2020 18:04
callback-btn
<!-- callback -->
<div class='container-pulse'>
<a class='pulse-button callback' href="#modal-form-2" data-rel="lightcase">
<img src="https://chinastudy.kz/img/phone-contact.svg" width="50px" alt="callback">
</a>
</div>
@kholodovz
kholodovz / .htaccess
Created March 26, 2020 22:18
webp htaccess
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTP_ACCEPT} image/webp
RewriteCond %{DOCUMENT_ROOT}/$1.webp -f
RewriteRule ^(wp-content/uploads.+)\.(jpe?g|png)$ $1.webp [T=image/webp,E=accept:1]
</IfModule>
<IfModule mod_headers.c>
Header append Vary Accept env=REDIRECT_accept
</IfModule>
AddType image/webp .webp
@kholodovz
kholodovz / css debug
Last active April 27, 2020 11:30
css debug
/* подсвечиваем теги без необходимых атрибутов */
img:not([alt]),
label:not([for]),
input[type=submit]:not([value]) {
outline:2px solid red;
}
/* тревога, если первый child внутри списка не li и прочие похожие примеры */
ul > *:not(li),
ol > *:not(li),