Skip to content

Instantly share code, notes, and snippets.

View maralov's full-sized avatar
👋
hi

Aralov Mikhail maralov

👋
hi
View GitHub Profile
@maralov
maralov / in_viewport.js
Created May 19, 2021 04:29 — forked from jjmu15/in_viewport.js
check if element is in viewport - vanilla JS. Use by adding a “scroll” event listener to the window and then calling isInViewport().
// Determine if an element is in the visible viewport
function isInViewport(element) {
var rect = element.getBoundingClientRect();
var html = document.documentElement;
return (
rect.top >= 0 &&
rect.left >= 0 &&
rect.bottom <= (window.innerHeight || html.clientHeight) &&
rect.right <= (window.innerWidth || html.clientWidth)
);
@maralov
maralov / slick-on-mobile.js
Created May 3, 2020 15:00 — forked from ndunk28/slick-on-mobile.js
slick js only on mobile
// slider
$slick_slider = $('.slider');
settings_slider = {
dots: false,
arrows: false
// more settings
}
slick_on_mobile( $slick_slider, settings_slider);
// slick on mobile
//Скрыть слайдер до инициализации
$('slider').on('init', function(slick){
$('slider').show();
});
@maralov
maralov / d.php
Created February 13, 2020 08:37 — forked from campusboy87/d.php
Выводи на экран значение переменной
<?php
/**
* Выводи на экран значение переменной
*
* @param mixed $data данные для отображения
* @param bool $type как отображать данные
*/
function d( $data, $type = 0 ) {
ob_start();
@maralov
maralov / contform.php
Created February 13, 2020 08:31 — forked from campusboy87/contform.php
Форма обратной связи с загрузкой файла в WordPress на основе плагина Ajax Simply.
<?php
/**
* Работает на основе плагина Ajax Simply (без него работать не будет).
* Документация Ajax Simply - https://goo.gl/iFeLsZ
*/
// HTML верстка формы и стили
add_shortcode( 'form', 'contact_form_html' );
function contact_form_html() {
@maralov
maralov / example-bem-menu.html
Created February 13, 2020 08:28 — 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>
@maralov
maralov / wpcf7_modal_invalid.php
Created February 13, 2020 08:26 — forked from campusboy87/wpcf7_modal_invalid.php
Displays a message about the successful submission of the form in a modal window for the Contact Form 7 plugin
<?php
/**
* Plugin Name: CF7 Modal Invalid Answer
* Plugin URI: https://gist.github.com/campusboy87/a056c288c99feee70058ed24cee805ad
* Author: Campusboy (wp-plus)
* Author URI: https://www.youtube.com/wp-plus
*/
add_action( 'wp_enqueue_scripts', 'wpcf7_modal_invalid_js' );
add_action( 'wp_footer', 'wpcf7_modal_invalid_js_inline', 999 );
@maralov
maralov / gulpfile.js
Created November 12, 2019 07:06 — forked from agragregra/gulpfile.js
Image Resize + Watermark + Thumbnails
var src = "___library/7-kazan/1/*";
var dst = "_ready";
var gulp = require('gulp'),
imagemin = require('gulp-imagemin'),
cache = require('gulp-cache'),
del = require('del'),
imageResize = require('gulp-image-resize'),
watermark = require("gulp-watermark"),
rename = require("gulp-rename");
@maralov
maralov / button.sass
Created November 12, 2019 07:05 — forked from agragregra/button.sass
Button Sass Styles (Universal Starter)
.button
display: inline-block
border: none
color: #fff
text-decoration: none
background-color: $accent
padding: 15px 45px
font-size: 13px
text-transform: uppercase
font-weight: 600
//functions.php
register_nav_menus(array(
'top_mnu' => 'Top Menu',
));
//Template
wp_nav_menu(array(
'theme_location' => 'top_mnu'
));