CSS Framework для разработки пользовательского интерфейса

Question

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

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

Answer 1

Я бы предложил Blueprint CSS рамки с BOKS

Для начала нужно понять, как работает Blueprint.

который вы можете найти здесь http://net.tutsplus.com/tutorials/html-css-techniques/a-closer-look-at-the-blueprint-css-framework/

затем используйте BOKS

http://toki-woki.net/p/Boks/help.html

Boks - это приложение AIR (поэтому оно работает на Windows, Mac и Linux), которое предоставляет пользовательский интерфейс для структуры Blueprint CSS. Он был разработан для тех, кто считает, что Grid System хороша, но никогда не тратил время на то, чтобы дать ей любовь.

Он обрабатывает конфигурацию сетки, базовый ритм pimpin', CSS (со сжатием или без) и экспорт grid.png, макет HTML и многое другое!

http://toki-woki.net/p/Boks/screen/main.jpg

Шаблон Photoshop для Blueprint CSS Comp

Answer 2

Фреймворки JavaScript с хорошими виджетами пользовательского интерфейса:

• qooxdoo
• YUI

CSS фреймворки:

• http://www.smashingmagazine.com/2007/09/21/css-frameworks-css-reset-design-from-scratch/

Answer 3

http://960.gs/ - это достойный CSS-фреймворк для макета. Хотя лично я обычно снимаю свои собственные, беру фрагменты из моей предыдущей работы и собираю их. Использование стандартного режима означает практически отсутствие изменений между браузерами.

Answer 4

Попробуйте Cascade Framework:

• Гибкость: вы не найдете ни одного фреймворка с более гибкой системой сетки или лучшей поддержкой браузера. Его панель, блок вкладок, таблица и навигационные компоненты также обеспечивают беспрецедентную гибкость.
• Облегченный: если вы используете только основные функции Cascade Framework, вам нужно будет включить только 8,5 КБ (2,6 КБ в сжатом виде) CSS-кода платформы. Если вам нужно все, включая все иконки Fontawesome, вам нужно включить 51,9 КБ (10,8 КБ в сжатом виде) фреймворкового CSS-кода. Если это все еще слишком много, есть также минимальная версия под названием Cascade Framework Light.
• Кросс-браузерная совместимость: Cascade Framework позволяет создавать адаптивный макет во всех современных браузерах. В IE6-8 вы будете использовать настольную версию своего сайта.
• Модульный: Cascade Framework предоставляет вам несколько отдельных модулей, а также несколько сборок (объединение отдельных модулей).