Skip to content

Instantly share code, notes, and snippets.

View Andrii-Yukhymenko's full-sized avatar
🐳

Andrii Yukhymenko Andrii-Yukhymenko

🐳
View GitHub Profile
<!--CSS-->
.ibg{
background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: relative;
}
.ibg img{
width: 0;
height: 0;
@Andrii-Yukhymenko
Andrii-Yukhymenko / main.js
Created July 25, 2021 09:50
JS Запись в буфер обмена
navigator.clipboard.writeText('Текст');
@Andrii-Yukhymenko
Andrii-Yukhymenko / main.js
Created June 20, 2021 10:20
Сортировка числового массива по возростанию.
let arr = [2, 3, 555, 38, 58];
arr.sort(function (a, b) {
return a - b;
});
console.log(arr);
@Andrii-Yukhymenko
Andrii-Yukhymenko / _adaptiv-value.scss
Created May 29, 2021 16:58
Миксин для адаптивных свойств
// Адаптивные свойства
$maxWidth: 1920;
$maxWidthContainer: 1200;
@mixin adaptiv-value($property, $startSize, $minSize, $type) {
$addSize: $startSize - $minSize;
@if $type==1 {
// Только если меньше контейнера
#{$property}: $startSize + px;
@Andrii-Yukhymenko
Andrii-Yukhymenko / Animate.css + wow.js
Created November 20, 2020 19:44
Animate.css + wow.js
<!-- Подключаем стили в head -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
<!-- Подключаем скрипты в самый низ сайта -->
<script src="//cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>
<script>new WOW().init();</script>
@Andrii-Yukhymenko
Andrii-Yukhymenko / Стили для WP чтобы картинки в старом редакторе WP отображались по центру адекватно
Last active November 20, 2020 15:23
Стили для WP чтобы картинки в старом редакторе WP отображались по центру адекватно
//Добавлять эти стили нужно в Внешний вид -> Настроить -> Дополнительные стили
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-container img {
max-width: 100%;
height: auto;
@Andrii-Yukhymenko
Andrii-Yukhymenko / Вывод нескольких последних постов с блога на произвольную страницу сайта на WP
Created November 20, 2020 15:18
Вывод нескольких последних постов с блога на произвольную страницу сайта на WP
<?php // Display blog posts on any page @ http://m0n.co/l
$temp = $wp_query; $wp_query= null;
$wp_query = new WP_Query(); $wp_query->query('showposts=3' . '&paged='.$paged);
while ($wp_query->have_posts()) : $wp_query->the_post();
?>
//Вставте сюда код который хотите выводить на странице
<?php endwhile; ?>
@Andrii-Yukhymenko
Andrii-Yukhymenko / Динамичный title для сайта на WP
Created November 20, 2020 15:14
Динамичный title для сайта на WP
<title><?php wp_title('|', true, 'right'); ?><?php bloginfo('name'); ?></title>
@Andrii-Yukhymenko
Andrii-Yukhymenko / Подсветка текущего пункта меню
Created November 12, 2020 17:31
Проверка текущей страницы и подсветка активного пункта меню
let pagePathName = location.pathname.split('/').slice(-1)[0];
if(pagePathName == ""){
pagePathName = 'index.html'
};
console.log('pagePathName = '+ pagePathName);
$(`.header__menu-item a[href="${ pagePathName }"]`).addClass('header__menu-item_selected');
$(`.footer__menu-item a[href="${ pagePathName }"]`).addClass('header__menu-item_selected');
@Andrii-Yukhymenko
Andrii-Yukhymenko / example-bem-menu.html
Created November 11, 2020 17:43 — forked from campusboy87/example-bem-menu.html
Преобразует дефолтное меню WordPress в меню на основе методологии БЭМ с помощью только фильтров меню
<ul class="menu menu--main menu--horizontal">
<li class="menu-node menu-node--main_lvl_1 menu-node--active">
<a href="#" class="menu-link menu-link--active">Пункт 1</a>
<ul class="menu menu--dropdown menu--vertical">
<li class="menu-node menu-node--main_lvl_2">
<a href="#" class="menu-link">Подпункт 1.1</a>
</li>
<li class="menu-node menu-node--main_lvl_2">
<a href="#" class="menu-link">Подпункт 1.2</a>
</li>