10 лучших мануалов по созданию форм с помощью CSS3

формы на CSS3Вот и началась сессия. В связи с этим наблюдается катастрофическая нехватка времени. Поэтому весь этот месяц буду радовать вас различными подборками. Хотя думаю и несколько интересных статей тоже стоит ожидать. Мануалы все на английском языке. Особенно интересные я буду стараться переводить для вас. Сегодня у нас обзор лучших мануалов по созданию различных форм на CSS3. Это и формы обратной связи, и поисковые формы, и формы логина с различными эффектами.

Кросс-браузерная форма на базе CSS3 и HTML5

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

CSS3 форма без использование изображений и JavaScript

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

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

форма на CSS3
Это очередной шедевр британского веб-дизайнера Криса Спунера. В этом мануале он подробно рассказывает как создать форму обратной связи и стилизовать ее с помощью CSS3. Как видно из скриншота — результат отличный. Посмотреть мануал

Форма поиска на CSS3

форма поиска на CSS3
Многие формы поиска, которые применяются на сайтах выглядят достаточно скучно. Добавив немного CSS3 вы можете превратить старую скучную форму поиска в что-то новое и впечатляющее. Как раз об этом следующий мануал. Посмотреть мануал

Красивая веб форма на CSS3

форма на CSS3
Это простой мануал о том, как создать веб форму используя некоторые свойства CSS3, например box-shadow. Посмотреть мануал

Плоская форма логина на CSS3

форма логина на CSS3
Еще один простой мануал о создании формы с помощью CSS3 — на этот раз форма логина. Посмотреть мануал

Потрясающая CSS3 форма с подсветкой

форма на CSS3
А вот эта форма выглядит действительно потрясающее! При ее создании не используется ни одного изображения — только CSS. Советую вам обязательно прочесть этот мануал и посмотреть исходный код — вы узнаете много нового! Посмотреть мануал

Стильная и простая форма на CSS3

форма на CSS3
Это простая и стильная форма. Ничего особенного, но именно это делает эту форму универсальной — применяйте ее на разных сайтах. Посмотреть мануал

Форма подписки с помощью CSS3 и jQuery

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

FormBox – выпадающее меню с использованием jQuery и CSS3 со встроенными формами

Formbox - меню с формами
А вот этот мануал я уже переводил частично. Перевод вы можете прочесть в статье FormBox – выпадающее меню с использованием jQuery и CSS3 со встроенными формами . Так же предлагаю вашему вниманию оригинальный мануал. Посмотреть мануал



Запись опубликована в рубрике CSS3, Подборки с метками , , , , , . Добавьте в закладки постоянную ссылку.

6 комментариев: 10 лучших мануалов по созданию форм с помощью CSS3

  1. Уведомление: 10 лучших мануалов по созданию форм с помощью CSS3 | Grabr

  2. Alexey Rodionov говорит:

     Ну шо ж такое все страшное…

    • Гилязетдинов Руслан говорит:

      как говорится «на вкус и цвет» 😉 это просто мануалы, которые дают определенные навыки, а остальное — это ваша фантазия и эксперименты.

  3. WeBigma говорит:

    А как по мне даже очень не плохо.

  4. svidovskiy говорит:

    Спасибо за мануалы, я недавно начал изучать CSS, поэтому данный пост мне очень пригодится

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *