Список записей с тегом: jQuery, страница 2

Проверка надежности пароля с помощью jQuery

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

Прогресс бар прокрутки страницы

Простой пример реализации прогресс бара (индикатора) прокрутки страницы.

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

Bootstrap. Выравниваем блоков (колонок) по высоте

Twitter Bootstrap - один из самых известных и мощных CSS, JavaScript фреймворков на сегодняшний день. Его используют миллионы разработчиков в своих проектах. Но он не идеален, бывают задачи которые нельзя реализовать стандартными возможностями Twitter Bootstrap. И разработчики ищут обходные пути для реализации своих задач.

Ниже будет реализован пример выравнивания по высоте нескольких блоков (колонок) по высоте в Twitter Bootstrap.

Как установить Bower на Windows

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

Аutolink, jQuery плагин для обнаружения URL в тексте и превращение их в кликабельные ссылки

Пример простого jQuery скрипта для поиска URL'ов на странице и превращение их в кликабельные ссылки (<a>....</a>).

Flickity - адаптивный тач слайдер для сайта

Flickity - это отличный адаптивный тач (управление жестами для планшетов и телефонов) слайдер для сайта. Легок в использовании, быстро интегрируется и легко настраивается.

Yii Framework, CGridView поиск по диапазону дат с помощью Date Range Picker

В продолжение статьи Yii Framework, отображение списка (таблицы) записей с помощью виджета CGridView и Yii Framework, CGridView поиск по диапазону дат (date range) с помощью виджета datepicker сменим стандартный Date Picker на Date Range Picker. Соответственно теперь вместо двух полей для ввода диапазона дат у нас будет одно поле принимающее этот диапазон.

jQuery, новогодняя гирлянда на сайт

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

Yii Framework, CGridView поиск по диапазону дат (date range) с помощью виджета datepicker

Часто необходимо получить список данных за определенный период времени. Если Вы используете в своем проекте Yii Framework, а для вывода данных виджет CGridView, то Вам сюда.

Пример как реализовать фильтр данных по определенному диапазону дат (date range) в CGridView.

JavaScript, реализация предпросмотра загружаемого изображения

Достаточно часто необходимо вывести превью загружаемого изображения, так как стандартное поле типа file не дает представление пользователю о том как будет выглядеть изображение после загрузки. Единственным напоминанием о том какое изображение было выбрано, является его имя на компьютере, что не очень удобно.

Хочу поделиться своим способом решения данной задачи.