JavaScript - Отложенная загрузка внешних скриптов или добиваемся повышения в глазах Google Page Speed
02.03.2017
#JavaScript #jQuery #PageSpeed_Insights #WEB #WordPress #WordPress_jQuery

Достаточно часто при тестировании скорости страницы появляется потребность в отложенной загрузке внешних скриптов подключенных к странице. В поисках решения данной проблемы я наткнулся на весьма интересный вариант решения данного вопроса, за которое отдельная благодарность его автору Patrick Sexton.Ниже приведен код который необходимо вставить в конец страницы перед закрывающим body () function downloadJSAtOnload() { var element = document.createElement("script");…

https://techblog.sdstudio.top/javascript-otlozhennaja-zagruzka-vneshnih-skriptov-ili-dobivaemsja-povyshenija-v-glazah-google-page-speed/

jQuery - Как открыть все внешние ссылки (кроме внутренних) в новой вкладке
21.07.2017
#JavaScript #jQuery #WEB #WordPress

Данный срипт будет весьма полезен для не больших проектов. При помощи его все внешние ссылки которые присутствуют на сайте, будут открываться в новой вкладке. /* Открытие всех внешних ссылок в новой вкладке */ jQuery( document ).ready(function( $ ) { $('a').each(function() { var a = new RegExp('/' + window.location.host + '/'); if(!a.test(this.href)) { $(this).click(function(event) { event.preventDefault(); event.stopPropagation();…

https://techblog.sdstudio.top/jquery-kak-otkryt-vse-vneshnie-ssylki-krome-vnutrennih-v-novoj-vkladke/

jQuery - плавный скрол к якорю при переходе с другой страницы сайта или по прямой ссылке
25.10.2017
#JavaScript #jQuery #WordPress #WordPress_jQuery #Все_для_разработки_плагинов #Все_для_разработки_шаблонов

За данный скрипт очень благодарен humster_spb первый его вариант опубликован здесь. Скрипт: jQuery(document).ready(function($) { var myHash = location.hash; //получаем значение хеша location.hash = ''; //очищаем хеш if(myHash[1] != undefined){ //проверяем, есть ли в хеше какое-то значение $('html, body').animate( {scrollTop: $(myHash).offset().top - 110} , 700); //скроллим за полсекунды location.hash = myHash; //возвращаем хеш }; }); В строке «.top…

https://techblog.sdstudio.top/jquery-plavnyj-skrol-k-jakorju-pri-perehode-s-drugoj-stranicy-sajta-ili-po-prjamoj-ssylke/

Лайт бокс для всех изображений блога
14.11.2017
#JavaScript #WordPress #WordPress_jQuery #Плагины

Для того что бы  изображения (которые имеются массово в наших записях ) блога не открывались во весь экран тем самым заводя посетителя на черный экран новой вкладки, а открывались в приятных лайтбоксах имеется у меня решение ниже: В начале пропишем данный код в файл function.php: //START MediaDoma.com - автоматическое добавление rel="lightbox" к ссылкам на картинки…

https://techblog.sdstudio.top/lajt-boks-dlja-vseh-izobrazhenij-bloga/

Липкое меню с прозрачностью до начала скрола страницы
08.02.2018
#JavaScript #jQuery #WEB #WordPress #WordPress_CSS #WordPress_jQuery

При создании лендингов, бывает необходимость отобразить первый (еще его называют главным) экран с бэкграундом во всю высоту экрана, из-за чего могут возникать трудности с меню и логотипом расположенным в данном меню. В данной записи я приготовил небольшой скрипт и стили для решения данной задачи. Здесь все просто, как только пользователь открывает страницу меню становится полностью…

https://techblog.sdstudio.top/lipkoe-menju-s-prozrachnostju-do-nachala-skrola-stranicy/

Bootstrap 3 - Создание мобильного меню для WordPress
11.02.2018
#CSS #HTML #JavaScript #jQuery #WEB #WordPress #WordPress_CSS #WordPress_HTML #WordPress_jQuery #Все_для_разработки_шаблонов

Как организовать скрытие меню в бутерброд? На этот вопрос далеко не все веб мастера могут найти внятный вопрос, в данной записи я попытаюсь ответить на него приведя пример кода. В коде который используется в данном примере, мной использовались стили и скрипты Bootstrap, которые можно взять из CDN по ссылкам ниже. CDN Bootstrap LINK: https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js…

https://techblog.sdstudio.top/bootstrap-3-sozdanie-mobilnogo-menju-dlja-wordpress/