С информацией
Только заголовки

Радиокнопки с иконками

Стилизация переключателей radio с использованием иконочных шрифтов или картинок

В примере используется шрифт Font Awesome и графическая иконка

Читать далее

Стилизованная рабочая форма обратной связи

Создание формы обратной связи с валидацией, оформлением, отправкой письма и описанием

Преимущество данной формы в том, что в ней нет необходимости ставить капчу и мучать тем самым ее отправителей, а не спамботов.

Валидация заполненных полей осуществляется средствами jQuery, плюс дополнительно можно добавить проверки на php

Читать далее

Установка флажка checkbox карандашом

Оригинальный эффект, который ставит и стирает галочки на полях checkbox карандашом

Данный вариант не использует графику и какие-либо библиотеки. Карандаш сделан линейным градиентом, а галочка закодирована в base64

Читать далее

Изменение высоты textarea в зависимости от кол-ва текста

Небольшой скрипт Autosize.js для автоматической настройки высоты текстовой области textarea.

Ранее уже была заметка для автоматического изменения поле ввода input. Данный скрипт делает тоже самое, только для текстовой области textarea.

Читать далее

Маска для ввода номера телефона

Плагин для jQuery, позволяющий создавать различные маски для ввода числовых и буквенных данных

jQuery Masked Input Plugin позволяет создавать произвольные маски для вводимых данных в форму, например: дата, телефон, серийный номер и т.д.

Читать далее

Варианты оформления jQuery UI Slider

Несколько вариантов оформления и добавление различных функций к ползунку диапазонов jQuery UI Slider

Все варианты в данной заметке являются адаптивными, и слайдер не зависит от ширины блока, в котором он находятся.

Читать далее

Ползунок диапазонов jQuery UI Slider

Настройка, события, методы, вывод данных и классы ползунка диапазонов jQuery UI Slider

Плагин jQuery UI Slider делает выбранные элементы ползунками. Существуют различные варианты, такие как несколько рукояток, которые можно перемещать с помощью мыши или клавишами стрелок, и диапазонов.

Читать далее

Слайдер для radio кнопок

jQuery плагин radios-to-slider для создания слайдера из radio кнопок

Если для увеличивающегося значения данных формы используется не текстовое поле или select , а radio кнопки, то для их оформления можно воспользоваться данным плагином radios-to-slide

Читать далее