SocialLocker – даем доступ к контенту только через Social Sharing
21.11.2018
#CMS #Grav #JavaScript #jQuery #WEB

В ходе работы мне приходиться посещать довольно много блогов, и то, что я видел на многих из них, – это “панелька” для скрытия контента. Принцип работы данной панельки достаточно прост. Например, чтобы разблокировать кнопку загрузки файла, или прочесть определенную часть страницы необходимо нажать на одну из кнопок шаринга на данной панели. Данная панель в GitHub’e…

https://techblog.sdstudio.top/sociallocker-daem-dostup-k-kontentu-tolko-cherez-social-sharing/

jQuery – Lazy Load для Google Maps API
03.12.2018
#Google #Google_Maps #Grav #jQuery #WordPress

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

https://techblog.sdstudio.top/blog/jquery-lazy-load-dlya-google-maps-api

jQuery Выполнить если на странице есть блок с классом или id
03.12.2018
#jQuery #WEB

Короткая запись о том как применить Вашу функцию написанную на jQuery в сависимости от тоге есть ли на странице блок с определенным классом или идентификатором. jQuery – проверяем есть ли на странице блок с классом Здесь важно не забыть удалить точку перед классом который мы указываем в hassClass. Я постоянно на этой точке ошибаюсь. jQuery(document).ready(function($){…

https://techblog.sdstudio.top/blog/jquery-vypolnit-esli-na-stranice-est-blok-s-klassom-ili-id

jQuery – Как загрузить кнопки AddToAny Share только по клику
04.12.2018
#CSS #Grav #jQuery #WEB #WordPress #Все_для_разработки_плагинов

jQuery – Как загрузить кнопки AddToAny Share только по клику Предлагаю не хитрый вариант отображения кнопок шаринга в социальные сети, только после того как был клик по кнопке. Не для кого не секрет что подгрузка ресурсов из внешних источников влияет не положительно на загрузку страницы. А когда речь идет о сервисах шаринга страниц дак и…

https://techblog.sdstudio.top/blog/jquery-kak-zagruzit-knopki-addtoany-share-tolko-po-cliku

jQuery – Как сделать одинаковую высоту всех блоков по самому высокому из них
07.12.2018
#CodePen #JavaScript #jQuery #WEB #WordPress #WordPress_jQuery

Согласитесь когда высота блоков одинаковых по сути элементов на веб странице идет в разнобой – это не есть хорошо. В начале разработки я “кошмарился” с данными блоками при помощи @mediaquery в CSS стилях и убивал огромное количество времени что бы все это дело привести к более мение качественному виду. Но появился отличный плагин jQuery который…

https://techblog.sdstudio.top/blog/jquery-kak-sdelat-odinakovuiu-vysotu-vsekh-blokov-po-samomu-vysokomu-iz-nikh

jQuery – Подключение удаленных скриптов из консоли Chrome
07.12.2018
#Chrome_DevTools #CodePen #Google #Google_Chrome #jQuery #WEB

При решении разного рода задач связанных с веб разработкой а именно с написанием, тестированием или же внедрением новых библиотек возникает потребность в подключении скриптов которые расположены не на локальном сервере, а на стороннем. Думаю, Вам знакомы множество готовых решений, которые находятся или на CDN, или на GitHub’e. В связи с этим я решил поделиться не…

https://techblog.sdstudio.top/blog/jquery-podcliuchenie-udalennykh-skriptov-iz-konsoli-chrome

jQuery – Scroll Block или блок под скроллом
08.12.2018
#CodePen #Grav #jQuery #WEB #WordPress

Эта запись не будет обладать большим обилием текста так как особо расписывать здесь не чего. Вашему вниманию предоставлен так называемый блок под скроллом. Если более детально то это реализация блока (в который можно поместить что угодно) у которого выставлена фиксированная высота но и имеется скролл бар благодаря которому есть возможность скролить контент блока. Данный блок…

https://techblog.sdstudio.top/blog/jquery-scroll-block-ili-blok-pod-skrolom

jQuery – Плавный скролл к якорю с учетом внешнего перехода
10.12.2018
#CodePen #Grav #jQuery #WEB #WordPress

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

https://techblog.sdstudio.top/blog/jquery-plavnyi-skroll-k-yakoryu-s-uchetom-vneshnego-perekhoda

jQuery – Как найти элемент (блок, div) с определенным текстом
12.12.2018
#CodePen #JavaScript #jQuery #WEB #WordPress #WordPress_jQuery

При создании сайтов а именно при написании скриптов веб разработчики часто сталкиваются с необходимостью найти определенный текст, а если быть точнее то найти блок с определенным текстом. В данном примере мы разберем как именно можно найти блок с текстом и произвести с ним определенные манипуляции. Задача Необходимо найти блок с текстом “featured”и удалить span блок…

https://techblog.sdstudio.top/blog/jquery-kak-naiti-element-div-s-opredelennym-tekstom

Полностью адаптируемый видео бэкграунд. Включая примеры с JS и CSS (Full Background)
01.01.2019
#CodePen #CSS #HTML #JavaScript #jQuery #WEB

Видео бекграунд – полностью адаптивный Если Вы хотите реализовать “человеческий” видео бекграунд, видео в котором будет всегда располагаться по центру и не иметь черных полос при масштабировании по вертикали (сверху и с низу) и по горизонтали (слова или справа). Видео бекграунд который находится в элементе. И так начнем! Когда мне потребовалось реализовать видео бекграунд чтобы…

https://techblog.sdstudio.top/blog/web-polnostiu-adaptiruemyi-video-backgraund-s-js-i-css-full-background