Как внедрить UI Kit в веб-сайт?

Question

У меня есть psd-версия UI Kit, которую я хотел бы внедрить в формы и т. Д. На моем веб-сайте. Это похоже на приведенный ниже - это "Chutzpah" от Моргана Аллана Кнутсона (@rnorgan) ... Я бы показал мой, но у меня нет скриншота. Это продемонстрирует ту же концепцию, однако.

http://designmoo.com/wp-content/uploads/2011/01/ui.jpg изображение из http://designmoo.com/2435/chutzpah-user-interface-kit/,, где вы можете скачать его комплект.

Какие инструменты мне нужно использовать для этого? Могу ли я сделать это просто с помощью CSS или мне нужно использовать некоторые сценарии на стороне клиента? Или это действительно что-то для мобильных приложений?

Answer 1

По сути, дизайн будет выполнен в CSS;Однако некоторые элементы, которые вы показываете, не могут быть полностью стилизованы в их родных представлениях браузера (например, <select>), поэтому вам понадобится помощь виджетов на основе JavaScript, которые обеспечивают большую свободу дизайна.

Возможно jQuery UI (который представляет собой набор виджетов на основе jQuery и, безусловно, один из лучших инструментов UI) интересен для вас.Он полностью настраиваемый и даже имеет инструмент для создания собственных тем ThemeRoller .Этого будет недостаточно для каждого аспекта вашей реализации, но может обеспечить хорошую отправную точку.

Обратите внимание, что использование пользовательского интерфейса jQuery имеет свои зависимости (jQuery) и ограничения (никакая другая библиотека JS не должна использоваться на сайте).

Какую бы дорогу вы ни выбрали, будьте готовы к большой трудной работе.