Общие стили веб-интерфейса - PullRequest
90 голосов
/ 25 января 2010

Я должен представить прототип веб-приложения в следующие дни одному из моих клиентов, дело в том, что я не очень хорош в CSS и, что хуже всего, я почти никогда не доволен результатами, которые я получаю.

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

alt text

Это повторяющаяся проблема, с которой я сталкивался, я хотел бы, чтобы разработка веб-интерфейса могла иметь менее простой стиль по умолчанию , подход, подобный Visual Studio или iPhone SDK был бы очень полезен для меня.

Приведенный выше макет, созданный с помощью Balsamiq Mockups , является отличным примером, все наиболее распространенные «компоненты» доступны для использования, и, что самое приятное: есть только один красивый стиль на выбор.

Есть ли что-то подобное для Интернета? Нейтральная, но приятная CSS или Javascript UI Framework?


Вариантов пока:

Мне интересно знать, существуют ли какие-либо фреймворки только для CSS.

Я нашел на этой странице с очень хорошим списком библиотек веб-интерфейса , но большинство из них (по крайней мере, хорошие), похоже, относятся к Java, есть ли одинаково хорошие альтернативы в чистом CSS или JS?

PS: меня не интересуют AJAX, эффекты, поведение и так далее ... моя главная (единственная) проблема - стиль.


Спасибо за все предложения всем!

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

Что касается библиотек, работающих только с CSS, я нашел BlueTrip / BluePrint и темы, предложенные Tambler, лучшими. Помимо этого, кажется, что Flex и Napkee также заслуживают изучения.

Время изучать ExtJS сейчас! =)

Ответы [ 19 ]

2 голосов
/ 08 февраля 2010

Если вы ориентируетесь на современные браузеры, отличные от IE, вам следует проверить Sproutcore .Для макетов я использую пересмешник .

1 голос
/ 01 февраля 2010

Отличная комбинация 960gs для разметки и инструментов jQuery-UI или Jquery я использую их почти в каждом проекте, но я бы хотел добавить к http://easyframework.com/ хотя это не бизнес, так не забудьте проверить его лицензию но мне это нравится

1 голос
/ 02 февраля 2010

Если вы уже используете бальзамические макеты для своих прототипов, вам следует рассмотреть Napkee . Цитируя сайт: «Napkee позволяет экспортировать макеты Balsamiq в HTML / CSS / JS и Adobe Flex 3 одним нажатием кнопки».

1 голос
/ 02 февраля 2010

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

  • Подводя итог вашей проблеме, есть страница википедии .
  • Существует yaml-css , который принимает yaml и превращает его в css
  • Существует базовый уровень , но он предполагает некоторые знания CSS.
  • Я бы также посоветовал посмотреть Adobe Dreamweaver . У них есть много инструментов генерации CSS и стилей, которые создают очень читаемый и совместимый с w3c код.

Надеюсь, это поможет.

1 голос
/ 25 января 2010

Вы пробовали Axure ? Это инструмент для быстрого создания каркасов, прототипов и спецификаций для приложений и веб-сайтов.

Он работает аналогично Balsamiq, но позволяет экспортировать ваши каркасы / прототипы в HTML, CSS и Javascript.

Затем вы можете загрузить это на сервер или запустить на своем компьютере в качестве рабочего примера.

Вы можете создавать формы, ссылки, вкладки, ролловеры, эффекты Javascript.

1 голос
/ 03 февраля 2010

Недавно я обнаружил хороший сайт под названием iplotz.com, где вы можете создать макет своего приложения / веб-сайта / проекта в режиме онлайн без установки чего-либо. Он также имеет большинство общих элементов управления, а также гораздо больше функций для управления всем проектом и обмена им с другими в Интернете.

Должен признаться, я сам еще не пробовал, но я немного посмотрел на него, и это выглядит довольно круто. Я, вероятно, буду использовать его достаточно скоро.

0 голосов
/ 19 июня 2014

Мне нравится RocketCSS . Хороший чистый дизайн, попробуй.

0 голосов
/ 11 октября 2013

Мне нравится добавлять Bootstrap , это интуитивно понятный и мощный интерфейс для ускорения и упрощения веб-разработки.

0 голосов
/ 21 июня 2011

Sass похоже, что у него есть потенциал как способ смягчить некоторые головные боли CSS.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...