Skip to content

Instantly share code, notes, and snippets.

/*
// .categories
*/
.categories {
width: 255px;
color: #fff;
position: relative;
}
.categories__button {
\/\*([\s\S]*?)\*\/ - remove block comments
(?s)/*.*?*/ - remove css comments
(?s)<!--.*?--> - remove html comments
https://github.com/pdincubus/MODX-Revolution-B<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Modx Links</title>
</head>
<body>
<a href="https://modx.com/extras/package/modxrevolutionboilerplate">MODX Revolution Boilerplate
</a>
@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),
@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 / 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 / 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 / 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.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 / 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