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

Question

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

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

Answer 1

JavaScript рамки с хорошим виджетов UI:

• qooxdoo
• YUI

CSS каркасы:

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

Answer 2

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

Answer 3

Я хотел бы предложить Blueprint css framework с Бокса

Прежде всего, необходимо понять, как 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. Это был , предназначенный для тех, кто думает о сетке. Система хорошая, но никогда не принимала время, чтобы придать ей любовь.

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

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

Photoshop Template for Blueprint CSS Comp

Answer 4

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

• Гибкость: Вы не найдете каких-либо рамок, имеет более гибкую подвесную систему или лучшую поддержку браузера. Его панель, вкладка, таблица и навигационные компоненты также обеспечивают беспрецедентную гибкость.
• Легкий вес: Если вы используете только основные функции Cascade Framework, вам нужно будет включить только CSS-код рамки размером 8.5 kb (2.6 kb gzipped).Если вы хотите все, включая все значки Fontawesome, вам нужно будет включить CSS CSS-код размером 51,9 kb (10,8 kb gzipped). Если это еще слишком много, есть также минимальная версия без жира, которая называется Cascade Framework Light.
• Cross-Browser Compatible: Cascade Framework позволяет создавать отзывчивый макет во всех современных браузерах. В IE6-8 вы будете обслуживать настольную версию своего веб-сайта.
• Модульный: Cascade Framework предоставляет вам несколько отдельных модулей, а также пару сборок (объединяющих отдельные модули).