JavaScript

33 28.02.2019 Проверка того, что блок ушел за верхний край экрана

Понадобилось мне тут отслеживать событие, когда блок при прокручивании страницы, уходило за верхний край экрана. 

52 27.01.2019 Скрыть часть текста в кнопку "Показать больше"

Достаточно распространенная задача скрывать часть описательного текста под кнопкой "показать еще". 

Данный пост содержит лишь заготовку кода на jquery, которую всегда можно улучшить стилями.

51 10.01.2019 Функция выравнивания элементов в списке

Часто бывает необходимость вывести список div-блоков с выравниванием высоты каждого из них относительно друг друга. 

102 27.12.2018 Магия hover на тачскринах

Существует достаточно распространенная практика реализации многоуровнего меню с помощью hover-эффекта, когда подразделы показываются только при наведении мыши на раздел верхнего уровня.

Данный вариант реализации уже давным давно заслужил свое право на существование и используется в миллионах сайтов, но что делать на устройствах, лишенных такого блага цивилизации, как компьютерная мышь? А в последние несколько лет, достаточно высокую популярность набирают планшеты, ничем не уступающие по размерам экрана стандартным мониторам и правила, прописанные для адаптивности сайта на основании ширины экрана, в данном случае нам не помощник.

79 20.12.2018 Перебирающие методы

Во многих (в большинстве) языках программирования массив и объект - это разные сущности, с разными характеристиками. В JavaScript объект и массив - это, по сути, одно и то же. 

Точнее, не так, объекты в JavaScript сочетают в себе два важных функционала. Первый – это ассоциативный массив: структура, пригодная для хранения любых данных. Второй – языковые возможности для объектно-ориентированного программирования. Массив – разновидность объекта, которая предназначена для хранения пронумерованных значений и предлагает дополнительные методы для удобного манипулирования такой коллекцией.

В данной статье рассмотрим основные варианты перебора элементов массивов (ассоциативных и обычных, пронумерованных).

192 27.08.2018 Плавный скроллинг к элементу на jQuery

При работе с веб-формами очень часто встает задача прокрутки страницы к тому или иному элементу. Например, при валидации форм, нужно показать пользователю, какое же из полей оказалось ошибочным.

196 27.08.2018 Текущий адрес страницы

В данном посте рассмотрим, как работать с текущим адресом страницы в JS.

368 11.06.2018 Перезагрузка страницы через интервал времени

Иногда бывает нужно перезагрузить страницу (или произвести редирект на другую страницу) после выполнения какого-либо события, например, отправки аяксом данных на сервер.

3127 06.09.2015 Фиксированное меню от bootstrap и панель 1С-Битрикс

Небольшая функция, которая помогает подружить панель 1С-Битрикс и фиксированное верхнее меню от bootstrap

1608 07.06.2017 Отложенная загрузка изображений при помощи JavaScript

Если на странице очень много изображений - это очень плохо для скорости загрузки страниц. Гугловский pagespeed при проверке сайта в 90% случаев находит самую большую проблему именно в изображениях. Пробовал использовать скрипты оптимизации - не помогают. pagespeed настроенный на сервере - слишком сильно ухудшает качество. Решением проблемы стал скрипт отложенной загрузки изображений.

1042 27.03.2017 Добавление ссылки на страницу при копировании текста

Иногда возникает необходимость добавлять к копируемому с вашего сайта тексту ссылку на страницу, с которой данный текст был скопирован.

12334 09.03.2017 Отправка формы с файлом по jquery.ajax

В старых браузерах способов загружать файлы без перезагрузки самой страницы, было не так уж и много (скрытый iframe, Flash). Если для вас не важна поддержка старых браузеров, то можно пользоваться прогрессом:)

2041 30.07.2016 Показ youtube-ролика в фрейме с помощью fancybox

Скрипт помогает показывать ролики youtube во всплывающем окне

1549 19.09.2015 Функция кроссбраузерного определения размеров браузера

Предлагаю вашему вниманию интересную функцию определения размеров экрана и небольшой пример ее использования