Skip to content

Instantly share code, notes, and snippets.

@alex-boom
alex-boom / mouseenter.js
Created October 10, 2016 11:01
mouseenter
// Событие mouseenter
$("#gallery").mouseenter(function(){
$("#main").fadeOut()
});
$("#gallery").mouseleave(function(){
$("#main").fadeIn()
});
@alex-boom
alex-boom / do one line content for atributes title and alt.js
Created October 31, 2016 11:04
do one line content for atributes title and alt
//Разбивает текст тайтла на два тега, оставляя в тайтле начало строки до найденного маяка /alt/ и забирает текст
//от маяка /alt/ в тег alt.
var $this = $(".portfolio-detail-inner a");
$.each( $this, function () {
var str = $(this).attr("title");
var search = str.search(/alt/);
@alex-boom
alex-boom / export-site-wp.txt
Created November 8, 2016 08:08
export site WP
Инструкция по переносу сайта на другой хостинг и домен на CMS WordPress.
***Экспорт***
1. Копируем себе папку "wp-content".
2. Экспорт базы данных делаем с помощью плагина "WP Migrate DB".
В своих настройках при экспорте "WP Migrate DB" предлогает заменить старые адреса сайта на те которые будут на новом домене, а так же
заменить путь к файлам на хостинге(http://prntscr.com/d4ib8p). Узнать путь к директории где лежит сайт на хотинге можно с помощью:
*создать файл phpinfo.php в него поместить функцию - <?php phpinfo(); ?>. Файл скопировать в корень сайта(не темы). Зайти
@alex-boom
alex-boom / class-on-each.js
Created November 18, 2016 13:23
уникальный класс в цикле
//Назначаем уникальный класс с помощью цикла
$(".webform-datepicker").each(function(e){
$(this).addClass("datepicker-" + e);
});
@alex-boom
alex-boom / resizeAction.js
Created December 6, 2016 13:14
запуск функции при изменении ширины экрана
//При каждом изменении ширины экрана запускается функция
function resizeAction() {
//add code
};
resizeAction();
$(window).resize(resizeAction);
@alex-boom
alex-boom / ifWindow.js
Last active October 12, 2017 15:13
выполнить условие при определенной ширине экрана
//выполнить условие при определенной ширине экрана
//<= '1700' это 1718px чтобы получить реальный размер нужно вычесть 18px
if ($(window).width() <= '1700'){
//add code
}
//При каждом изменении ширины экрана запускается функция
@alex-boom
alex-boom / toggle-mnu.css
Created December 8, 2016 12:22
toggle-mnu
//toggle-mnu
html:
<div class="toggle-mnu" onclick="myFunction(this)">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
</div>
<script>
@alex-boom
alex-boom / center-element.js
Created January 5, 2017 22:27
center-element
var heightBody = $('body').height();
var heightBlock = $('.block').height();
var calc = heightBlock - heightBody;
var result = calc / 2;
$('.block')
.css({
marginTop: result + 'px',
marginBottom: result + 'px'
});
@alex-boom
alex-boom / animateCssWow.html
Created January 10, 2017 14:06
animateCSS_wow.html
http://mynameismatthieu.com/WOW/docs.html
<link rel="stylesheet" href="css/animate.css">
<script src="js/wow.min.js"></script>
<script>
new WOW().init();
</script>
<div class="wow bounceInUp" data-wow-duration="2s" data-wow-delay="5s" data-wow-offset="10" data-wow-iteration="10">
@alex-boom
alex-boom / adaptive-table.html
Last active January 12, 2017 08:21
adaptive-table
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>adaptive-table</title>
<style>
/* Axiomatic CSS reset */
* {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;line-height: 1.5em;}