Здравствуйте, дорогие друзья! Вот решил написать интересную заметку о забавном JS, который поможет сделать Ваши веб-формы более красивыми и изящными всего за пару минут Вашего внимания.
Речь идет о малоизвестном проекте Niceforms, который ведет Lucian Slatineanu. На момент написания статьи последней была доступна версия 2.0.
Это решение построено с использованием JavaScript и CSS, без применения сторонных библиотек и Javascript-фреймворков.
Для того, чтобы начать использовать всю эту красоту нужно:
- Скачать самую последнюю версию разработки с сайта Emblematiq;
- Поместить файлы проекта в папку на Вашем сервере;
- Подключить файлы в Ваши веб-странички (как обычно);
- Открыть страничку с подлюченными файлами и... вуаля!
Вот и вся премудрость. Лично меня поразила простота использования библиотеки и легкость наведения красоты, увеличения комфортности веб-приложений.
Но как всегда в бочке меда найдется и ложка дегтя. Протестировав компонент на нескольких разных страницах при разных браузерах, я не нашел никаких проблем, но тут я вспомнил, что некоторые важные для меня формы используют для наполнения контентом TinyMCE, а он в свою очередь експлуатирует для своих целей textarea. Мои догадки оказались не безпочвенными.
Действительно, отрисовка этого елемента производилась некоректно. Но после некоторых примитивных правок в коде Niceforms я добился нужного и библиотека не срабатывала на полях ввода, где уже работает TinyMCE.
Итак, Данный инструмент из этого:
Делает вот такую красоту:
В общем - неплохая разработка. Мне очень понравилась. Настоятельно рекомендую обратить на неё внимание.
Сайт проекта: www.emblematiq.com
.