Анимированные чекбоксы на CSS
Анимированные чекбоксы на чистом css

Анимированные чекбоксы на чистом css
superplaceholder.js - библиотека, которая покажет пользователю дополнительную информацию по заполнению полей форм за счет циклической смены подсказки placeholder в поле. Весит около 2кб. Хорошо работает на последних версиях браузеров. Для не поддерживаемых браузеров будет, так называема, graceful degradation.
Несколько интересных эффектов для текстовых полей включающих некоторые новые методы реализации и идеи. В основном используются CSS transitions и изредка CSS animations на label тегах или на псевдо-элементах.
FancyText - jQuery плагин плюс CSS3 анимация. Плагин позволяет из обычного текстового поля (input) получить составной элемент (input + label) с разнообразным количеством эффектов на выбор. Использование плагина очень простое: нужно добавить в HTML документ текстовое поле, добавить пользовательские атрибуты и вызвать функцию FancyText.
FileInput - это плагин заменяющий стандартный input type="file", позволяя его стилизовать с помощью CSS.
Плагин customInput позволит оформить теги input так, как вздумается дизайнеру.
Простая и стильная регистрационная форма для сайта. Для её работы требуется jQuery и плагин placeholder.
Несколько различных вариантов форм входа оформленных с помощью CSS3. Сейчас наверно ни один сайт не обходится без системы регистрации, так давайте сделаем красивую, креативную и современную форму входа.
Увеличивание и уменьшение значения в поле input с помощью кнопок плюс и минус. Может пригодиться в интернет-магазинах для указания количества единиц покупаемого товара. Требует наличия библиотеки jQuery.
Небольшая коллекция из 5 видов оформления контактных форм для вашего сайта.
Теперь займемся созданием красивой CSS3 формы ввода логина и пароля, без использования каких-либо изображений.
Давайте оформим стандартные html элементы checkbox и radio с помощью jQuery и CSS.