Готовый набор веб-элементов ui

Question

Каждый ui состоит из небольшого набора элементарных элементов, например. текстовые поля, области, метки и т. д., и примерно каждая система gui отправляет по умолчанию набор таких элементарных элементов из коробки. Но в случае с веб-ресурсами необработанные элементы html без стилей слишком уродливы, не только для демонстрации, но даже для разработки, и новичкам нелегко превзойти все это. Я ищу какое-то готовое решение, которое предоставляет наиболее распространенный, но довольно полный набор веб-элементов ui. Я имею в виду не рамки, а просто инструкции, как создавать отдельные элементы, например, this, но не только для кнопок и панелей инструментов.

Answer 1

Вы посмотрели на twitter bootstrap?

http://twitter.github.com/bootstrap/

Это не полные рамки, просто красиво оформленные элементы с инструкциями о том, как использовать их.

Answer 2

я надеюсь, что это поможет вам ..
http://www.9lessons.info/2009/03/clean-interface-css-tips.html на этой странице нажмите кнопку демо жить, чтобы увидеть, что выход есть, как и какие изменения вы можете сделать, чтобы удовлетворить ваши потребности веб-сайт.

Answer 3

Ваш лучший выбор в долгосрочной перспективе - изучить CSS, в основном.

Несколько вещей, чтобы отметить в своих заявлениях:

сырье HTML элементы без укладки слишком некрасиво

Это потому, что сырые HTML элементы не являются для презентации. Они предназначены для представления информации. Презентация применяется через CSS, который следует хранить отдельно от HTML по ряду причин (ни одна из которых не позволяет легко менять несколько проектов).

это не так легко для начинающих приукрасить все эти вещи

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

полный набор элементов веб-интерфейс

Определение "полный набор". Это не похоже, скажем, на WinForms, где у вас в основном имеется конечный набор инструментов (который может быть расширен с помощью инструментов сторонних разработчиков и т. Д.). В HTML есть несколько базовых элементов, но то, что они представляют, является скорее платформой для построения интерфейсов, а не конечным набором элементов управления перетаскиванием. Например, вы можете прикрепить тег div к большой кнопке с щелчком мыши и прикрепить некоторый JavaScript к событию click для ответа. Вы можете расширить эту платформу любым способом, который вам подходит.

Есть инструменты, и я уверен, что другие ответят на этот вопрос с совершенно хорошими предложениями как таковыми. Но не уменьшайте идею обучения HTML и CSS. Возможность создавать собственные интерфейсы даст вам гораздо больше возможностей, чем просто перетаскивание элементов управления на поверхность дизайна.

Вы можете начать где-нибудь, как CSS Basics, проложить свой путь куда-нибудь, как CSS Zen Garden, и найти много помощи между ними. Поднять книгу или две на эту тему тоже поможет.