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
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
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
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
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
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
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
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
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
JavaScript – Как определить, больше ли ширина экрана или аналог @media запросов в CSS
17.01.2019
#Grav #jQuery #WEB #WordPress
Иногда вам может понадобиться выполнить код на основе условия зависящего от разришения браузера. Ведь всегда найдется какой-то фрагмент сайта, который, который вы хотите показать на больших экранах, но не на маленьких экранах (таких маленьких как у большинства смартфонов например) из-за их ограниченного пространства экрана. Создание кода для определения определенного типа устройства – сложная область, с…
https://techblog.sdstudio.top/blog/javascript-kak-opredelit-bolshe-li-shirina-ekrana-ili-analog-media-zaprosov-v-css
17.01.2019
#Grav #jQuery #WEB #WordPress
Иногда вам может понадобиться выполнить код на основе условия зависящего от разришения браузера. Ведь всегда найдется какой-то фрагмент сайта, который, который вы хотите показать на больших экранах, но не на маленьких экранах (таких маленьких как у большинства смартфонов например) из-за их ограниченного пространства экрана. Создание кода для определения определенного типа устройства – сложная область, с…
https://techblog.sdstudio.top/blog/javascript-kak-opredelit-bolshe-li-shirina-ekrana-ili-analog-media-zaprosov-v-css
Как построить счетчик пароля в React
24.04.2020
#JavaScript #jQuery #WEB
Введение Введение Пароли обычно используются для аутентификации пользователей в большинстве веб-приложений. Из-за этого важно, чтобы пароли сохранялись безопасным способом. На протяжении многих лет такие методы, как одностороннее хеширование паролей , использовались для сокрытия реального представления паролей, хранящихся в базе данных. Хотя хеширование паролей является отличным шагом к обеспечению безопасности паролей, пользователь по-прежнему представляет собой серьезную…
https://techblog.sdstudio.top/kak-postroit-schetchik-parolja-v-react/
24.04.2020
#JavaScript #jQuery #WEB
Введение Введение Пароли обычно используются для аутентификации пользователей в большинстве веб-приложений. Из-за этого важно, чтобы пароли сохранялись безопасным способом. На протяжении многих лет такие методы, как одностороннее хеширование паролей , использовались для сокрытия реального представления паролей, хранящихся в базе данных. Хотя хеширование паролей является отличным шагом к обеспечению безопасности паролей, пользователь по-прежнему представляет собой серьезную…
https://techblog.sdstudio.top/kak-postroit-schetchik-parolja-v-react/
JQuery скрипт для подсчета количества символов в текстовом поле
25.04.2020
#jQuery #WEB
Привет друзья! В этом уроке вы узнаете, как написать скрипт jQuery, который должен отображать no. символов, введенных в текстовом поле в режиме реального времени. Этот скрипт может быть очень полезен, если вы хотите показать пользователю, сколько символов он ввел в текстовое поле или текстовое поле. Особенно работает с формами проверки с ограничением символов и т.д.,…
https://techblog.sdstudio.top/jquery-skript-dlja-podscheta-kolichestva-simvolov-v-tekstovom-pole-tutorialsmade/
25.04.2020
#jQuery #WEB
Привет друзья! В этом уроке вы узнаете, как написать скрипт jQuery, который должен отображать no. символов, введенных в текстовом поле в режиме реального времени. Этот скрипт может быть очень полезен, если вы хотите показать пользователю, сколько символов он ввел в текстовое поле или текстовое поле. Особенно работает с формами проверки с ограничением символов и т.д.,…
https://techblog.sdstudio.top/jquery-skript-dlja-podscheta-kolichestva-simvolov-v-tekstovom-pole-tutorialsmade/
jQuery - Введение для начинающих
02.05.2020
#jQuery #WEB
jQuery – это чрезвычайно популярная многофункциональная библиотека Javascript, которая предоставляет множество расширенных и кросс-браузерных функций, которые могут улучшить веб-приложения. Это значительно упрощает повторяющиеся задачи, такие как выбор элементов, манипулирование DOM, обработка событий, анимация и Ajax. пиши меньше, делай больше. jQuery – это фреймворк JavaScript, который значительно упрощает использование JavaScript на вашем сайте, упрощая сложные вещи…
https://techblog.sdstudio.top/jquery-introduction/
02.05.2020
#jQuery #WEB
jQuery – это чрезвычайно популярная многофункциональная библиотека Javascript, которая предоставляет множество расширенных и кросс-браузерных функций, которые могут улучшить веб-приложения. Это значительно упрощает повторяющиеся задачи, такие как выбор элементов, манипулирование DOM, обработка событий, анимация и Ajax. пиши меньше, делай больше. jQuery – это фреймворк JavaScript, который значительно упрощает использование JavaScript на вашем сайте, упрощая сложные вещи…
https://techblog.sdstudio.top/jquery-introduction/
Создайте простой калькулятор JavaScript для основных арифметических операций
04.05.2020
#JavaScript #jQuery #WEB
ДомJavaScriptJQueryСоздайте простой калькулятор JavaScript для основных арифметических операций В этой статье мы создадим простой калькулятор с использованием JavaScript, который может выполнять основные арифметические операции. Шаги для создания простого JavaScript калькулятора 1. Выберите подходящий текстовый редактор. Сейчас мы будем использовать Notepad ++. 2. HTML будет следующим:
04.05.2020
#JavaScript #jQuery #WEB
ДомJavaScriptJQueryСоздайте простой калькулятор JavaScript для основных арифметических операций В этой статье мы создадим простой калькулятор с использованием JavaScript, который может выполнять основные арифметические операции. Шаги для создания простого JavaScript калькулятора 1. Выберите подходящий текстовый редактор. Сейчас мы будем использовать Notepad ++. 2. HTML будет следующим:
Генерация случайного целого числа между двумя числами с использованием JavaScript
05.05.2020
#jQuery #WEB
ДомJavaScriptГенерация случайного целого числа между двумя числами с использованием JavaScript Генерация случайных чисел – это генерация последовательности чисел или символов, которая не может быть разумно предсказана лучше, чем случайный случай, обычно с помощью генератора случайных чисел (ГСЧ). Компьютерные генераторы случайных чисел важны в математике, криптографии и азартных играх (на игровых серверах). В этой статье мы…
https://techblog.sdstudio.top/javascript-random-number-within-range/
05.05.2020
#jQuery #WEB
ДомJavaScriptГенерация случайного целого числа между двумя числами с использованием JavaScript Генерация случайных чисел – это генерация последовательности чисел или символов, которая не может быть разумно предсказана лучше, чем случайный случай, обычно с помощью генератора случайных чисел (ГСЧ). Компьютерные генераторы случайных чисел важны в математике, криптографии и азартных играх (на игровых серверах). В этой статье мы…
https://techblog.sdstudio.top/javascript-random-number-within-range/
Простое распознавание лиц с помощью JQuery-плагина Facedetection.js
05.05.2020
#jQuery #WEB
Обнаружение лица – это компьютерная технология, используемая в различных приложениях, которая идентифицирует человеческие лица на цифровых изображениях. Существует ряд подходов и методов для обнаружения лица. В этом посте мы рассмотрим один из самых простых способов определения лица на изображении, видео или холсте с помощью плагина facedetect. Простое распознавание лиц с помощью JQuery Во-первых, вам нужно…
https://techblog.sdstudio.top/easy-face-detection-using-jquery/
05.05.2020
#jQuery #WEB
Обнаружение лица – это компьютерная технология, используемая в различных приложениях, которая идентифицирует человеческие лица на цифровых изображениях. Существует ряд подходов и методов для обнаружения лица. В этом посте мы рассмотрим один из самых простых способов определения лица на изображении, видео или холсте с помощью плагина facedetect. Простое распознавание лиц с помощью JQuery Во-первых, вам нужно…
https://techblog.sdstudio.top/easy-face-detection-using-jquery/
Лучший способ загрузить внешний JavaScript
09.05.2020
#JavaScript #jQuery #WEB #WordPress
Не так давно я наткнулся на данный пост о загрузке JavaScript без блокировки путем создания динамического тега. Когда теги находятся в потоке HTML-документа, браузер должен прекратить рендеринг и дождаться загрузки и выполнения файла сценария, прежде чем продолжить ( пример ). Создание нового тега с помощью JavaScript позволяет избежать этой проблемы, поскольку он выходит за рамки документа,…
https://techblog.sdstudio.top/luchshij-sposob-zagruzit-vneshnij-javascript/
09.05.2020
#JavaScript #jQuery #WEB #WordPress
Не так давно я наткнулся на данный пост о загрузке JavaScript без блокировки путем создания динамического тега. Когда теги находятся в потоке HTML-документа, браузер должен прекратить рендеринг и дождаться загрузки и выполнения файла сценария, прежде чем продолжить ( пример ). Создание нового тега с помощью JavaScript позволяет избежать этой проблемы, поскольку он выходит за рамки документа,…
https://techblog.sdstudio.top/luchshij-sposob-zagruzit-vneshnij-javascript/
HTTP, Ajax Polling, SSE, Websocket - связь клиент-сервер
11.05.2020
#JavaScript #jQuery #WEB #WEB_PHP
1 февраля 2018 г. Сервер – это все, что предоставляет услугу, а клиент – это тот, кто получает услугу. Основываясь на ряде подходов и методов, связь клиент-сервер может быть классифицирована по различным классификациям. В этой статье мы подробно рассмотрим следующие методы взаимодействия клиент-сервер. – Простые HTTP-запросы – Аякс Поллинг – Сервер отправил события – Websocket…
https://techblog.sdstudio.top/client-server-communication-http-polling-sse-websockets-comets/
11.05.2020
#JavaScript #jQuery #WEB #WEB_PHP
1 февраля 2018 г. Сервер – это все, что предоставляет услугу, а клиент – это тот, кто получает услугу. Основываясь на ряде подходов и методов, связь клиент-сервер может быть классифицирована по различным классификациям. В этой статье мы подробно рассмотрим следующие методы взаимодействия клиент-сервер. – Простые HTTP-запросы – Аякс Поллинг – Сервер отправил события – Websocket…
https://techblog.sdstudio.top/client-server-communication-http-polling-sse-websockets-comets/
Улучшение внутренних ссылок с помощью предварительного просмотра всплывающей подсказки
18.05.2020
#GitHub #JavaScript #jQuery #WEB #WordPress #Все_для_разработки_плагинов #Плагины
Одним из улучшений для сайта является предварительный просмотр подсказки по внутренней ссылке. Моей мотивацией для создания этого было привлечь больше внимания и полезности к внутренним ссылкам, уменьшая при этом заметность внешних ссылок. Инструмент, который я в итоге создал, весьма минимален. В конце этой статьи вы найдете его как бесплатный плагин WordPress с нулевой конфигурацией! Короче…
https://techblog.sdstudio.top/internal-link-tooltip-preview/
18.05.2020
#GitHub #JavaScript #jQuery #WEB #WordPress #Все_для_разработки_плагинов #Плагины
Одним из улучшений для сайта является предварительный просмотр подсказки по внутренней ссылке. Моей мотивацией для создания этого было привлечь больше внимания и полезности к внутренним ссылкам, уменьшая при этом заметность внешних ссылок. Инструмент, который я в итоге создал, весьма минимален. В конце этой статьи вы найдете его как бесплатный плагин WordPress с нулевой конфигурацией! Короче…
https://techblog.sdstudio.top/internal-link-tooltip-preview/
Как полностью удалить jQuery из WordPress
27.03.2021
#jQuery #WordPress #Все_для_functions_php
Обратите внимание на тему и убедитесь, что вы выбрали тему, не зависящую от jQuery, например бесплатную GeneratePress. Чтобы полностью удалить jQuery из вашего WordPress, добавьте следующий код в файл functions.php в папке темы или, в качестве альтернативы, создайте свой собственный php-плагин functions. /** * Completely Remove jQuery From WordPress */ function my_init() { if (!is_admin())…
https://techblog.sdstudio.top/kak-polnostju-udalit-jquery-iz-wordpress/
27.03.2021
#jQuery #WordPress #Все_для_functions_php
Обратите внимание на тему и убедитесь, что вы выбрали тему, не зависящую от jQuery, например бесплатную GeneratePress. Чтобы полностью удалить jQuery из вашего WordPress, добавьте следующий код в файл functions.php в папке темы или, в качестве альтернативы, создайте свой собственный php-плагин functions. /** * Completely Remove jQuery From WordPress */ function my_init() { if (!is_admin())…
https://techblog.sdstudio.top/kak-polnostju-udalit-jquery-iz-wordpress/
10 потрясающих расширенных тем WordPress для jQuery
05.07.2021
#jQuery #WordPress #WordPress_темы
Пару недель назад я написал сообщение о том, как правильно добавить Javascript / jQuery в ваши темы WordPress, и это заставило меня задуматься о некоторых действительно потрясающих темах WordPress, работающих на jQuery. Конечно, многие темы имеют раскрывающуюся навигацию и слайдеры изображений, но темы ниже выводят jQuery на новый уровень, чтобы предоставить вам уникальную тему WordPress,…
https://techblog.sdstudio.top/10-potrjasajushhih-rasshirennyh-tem-wordpress-dlja-jquery/
05.07.2021
#jQuery #WordPress #WordPress_темы
Пару недель назад я написал сообщение о том, как правильно добавить Javascript / jQuery в ваши темы WordPress, и это заставило меня задуматься о некоторых действительно потрясающих темах WordPress, работающих на jQuery. Конечно, многие темы имеют раскрывающуюся навигацию и слайдеры изображений, но темы ниже выводят jQuery на новый уровень, чтобы предоставить вам уникальную тему WordPress,…
https://techblog.sdstudio.top/10-potrjasajushhih-rasshirennyh-tem-wordpress-dlja-jquery/