Автор: SmashingMagazine.com
Перевод: Всеволод Козлов
Каждый новый проект хочет заинтересовать посетителей, доказать им, что он лучше своих конкурентов.
Требования, предъявляемые к сайтам, ужесточаются. Для достижения успеха становится необходимым использование высоких технологий и продвинутых решений.
Далее Вашему вниманию предстанет отобранная нами коллекция форм, созданных с использованием современных и продвинутых решений CSS.
Если Вам, уважаемый посетитель, интересно изучить материал по созданию таких форм, то я специально для Вас подготовлю данный материал и опубликую его на сайте! Поэтому, если что, отписывайтесь в комментах!
1. Prettier Accessible Forms
2. The Form Assembly — Form Layouts
3. CSS Styling of forms, Stu Nicholls
9. Subtraction: Free Form for All — Standardkonforme Online-Formulare
15. Fun with forms — customized input elements
17. AutoSuggest — An autocomplete text field with Ajax
18. Really easy field validation with Prototype
21. Icebrrg — HTML Web forms, surveys, and invitations made chillingly simple
22. Wufoo — Build HTML Forms, Online Surveys and Invitations
23. JotForm — a web based WYSIWYG form builder
25. FormLogix — Create web forms for free
Оригинал статьи: CSS-Based Forms: Modern Solutions
Современные и продвинутые решения исполнения элементов веб-страниц с помощью CSS:
- Формы, созданные с помощью CSS: современные и продвинутые решения
- Таблицы, созданные с помощью CSS: современные и продвинутые решения
- Футеры, созданные с помощью CSS: современные и продвинутые решения
Смотрите также:
- Скрипт галереи
- Prestashop шаблоны
- Jquery скрипты
- Создание логотипа
- Текстуры
- Blockquote css
- Сделать сайт
- Css reset
- Ускорение загрузки сайта
- Css прилепить футер
15 комментария(-ев)
Да-да, очень бы хотелось почитать про создание классных форм и подводные камни, которые с ними связаны.
[...] особое внимание, будь то навигационная панель, формы, формы отправки комментариев, комментарии, таблицы и [...]
Очень интересно почитать, спасибо большое
Да, большое разнообразие формочек и каждая по своему хороша.
Это что за сатья такая не понятная….выдернул пару нужной информации, но в целом ничего не понятно что и куда…желательно поподробнее писать…
Экономыч, а что тут непонятного? в начале статьи описано, о чем она…
6 и 7 на флеш жутко похожи.
Непонятно зачем все эти всплывающие подсказки и графические приблуды делать с помощью css. Проще именно на флеше.
Большую работу проделали. респект
Да, требования к формам правда становятся все более
строгими, а скорее вычурными
Главное не усложнить, не перестараться!
Чтоб красивые вышли и легкие нужно
Непонятно для чего статья. Картинки видно, а «Продвинутых Решений CSS» — нет. Для дизайнеров, исключительно. При чем сдесь CSS?
Прикольно мне понравилось
Здравствуйте, мне очень понравилась одна форма: 15. Fun with forms — customized input elements, но я не совсем понял как ее сделать… Вы не могли бы мне расписать ее создание?! Я пишу сайт, и хочу вставить туда необычую форму…
И где еще можно найти пример таких?
Расскажите, пожалуйста, об украшении кнопочек в select box очень нужно!!
____________
_________| + |
искал как решать проблемы верстки элементов форм с помощью css, но статья не о том, просто набор дизайнов
Набор дизайнов — тоже хорошо. берешь нужный — и раскуриваешь как он делается и оформляется.