Анимированные чекбоксы на CSS
CodePen
Radio кнопки на CSS
CodePen
Резиновый ползунок или range slider
Range slider с эффектом резиновости реализованном с помощью gsap tweenmax. CodePen
JQuery nice select — заменяем стандартный select
Легкий jQuery плагин, который заменяет стандартный select на кастомизированный dropdown. Демо
jquery_nice_select.zip
Веб форма авторизации и регистрации на сайте
Концепт формы авторизации и регистрации на сайте. Переключение между двумя видами взаимодействия происходит с приятной анимацией Демо
login-sign-up-form.zip
Веб форма авторизации и регистрации на сайте
Концепт формы авторизации и регистрации с интересной анимацией переключения CodePen
Superplaceholder — другой взгляд на placeholder
Superplaceholder.js - библиотека, которая покажет пользователю дополнительную информацию по заполнению полей форм за счет циклической смены подсказки placeholder в поле Демо
superplaceholder.js.zip
Эффекты для текстовых полей
Несколько интересных эффектов для текстовых полей включающих некоторые новые методы реализации и идеи. В основном используются CSS transitions и изредка CSS animations на label тегах или на псевдо-элементах. Демо
text_input_effects.7z
FancyText - текстовые эффекты для инпутов
FancyText - jQuery плагин плюс CSS3 анимация. Плагин позволяет из обычного текстового поля (input) получить составной элемент (input + label) с разнообразным количеством эффектов на выбор. Использование плагина очень простое: нужно добавить в HTML документ текстовое поле, добавить пользовательские атрибуты и вызвать функцию FancyText. Демо
fancy-textbox.7z
Пользовательский input type file
FileInput - это плагин заменяющий стандартный input type="file", позволяя его стилизовать с помощью CSS. Демо
custom_input_type_file.7z
Современная форма с html5 и CSS3
Теперь вместе с jQuery используем возможности html5 и css3. Форма будет действительно современной. Демо
modern_form_html5_css3.7z
Чат
