CSS Framework для мобильных разработчиков?

За последний год я стал поклонником BluePrint.css для управления большими проектами веб-приложений. Я также посмотрел на предложения 960 и YUI. Все хорошо (хотя у меня есть некоторые жалобы на YUI).

Сейчас я работаю над мобильным проектом и учитывая, что нам нужно разместить различные размеры экрана, я думаю, что css grid framework - это путь снова.

Я, скорее всего, сильно изменю логику BluePrint и/или создаю ее с нуля, но прежде чем это сделать, мне было интересно, использовал ли какой-либо конкретный фреймворк для мобильных устройств и порекомендовал бы один из них для мобильных разработчиков.

Я посмотрел на Less и cssgrid

http://lessframework.com/

http://cssgrid.net/

Оба довольно приятные. Меньше использует согласованные ширины столбцов и меняет количество столбцов. Cssgrid использует жидкостные колонны для размещения размеров экрана. Я, с другой стороны, представляю еще один метод, где мы будем использовать число исправлений столбцов, а затем настраиваем ширину "на лету" на основе ширины экрана. Я предпочитаю этот вариант, поскольку я обнаружил, что с помощью сильного гнездования трудно справиться с жидкостными сетками. Любые другие варианты, о которых я должен сначала взглянуть?

Уточнение: на данный момент мне не обязательно нужен полный интерфейс пользовательского интерфейса. Мы обязательно закончим с этим, будь то jQuery или наш собственный, но главная цель прямо сейчас состоит в том, чтобы найти и/или создать фреймворк CSS для обработки общей компоновки страниц и размещения на нескольких разрешениях и ориентациях экрана мобильного устройства.

Ответы

Ответ 2

Если вы хотите разработать для iPhone, вы можете взглянуть на iUI Framework

Ответ 3

Да, похоже, что у вас будет своя собственная "BluePrint Mini" или "480 Grid System" - и мы будем здесь, чтобы полюбоваться ею.

В качестве отправной точки можно привести работу Мэтью Джеймса Тейлора. Он полагается на флюидную сетку, о которой вы говорили, что не хотите, но это стоит посмотреть.

Ответ 4

Д. А.,

Вы можете попробовать jQueryMobile framework.

Я верю этот пост может вам помочь.

Клебер.

Ответ 5

Вот что я рассматриваю, используя:

http://jeromeetienne.github.com/jquery-mobile-960/

Похоже, что у него есть некоторые ошибки отображения с меньшими размерами сетки.