CSS-фреймворки для мобильной разработки?

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

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

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

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

http://lessframework.com/

http://cssgrid.net/

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

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


person DA.    schedule 11.01.2011    source источник
comment
Я думаю, вы на правильном пути. Я буду исследовать это больше на следующей неделе или около того сам. Я сделаю сообщение в блоге об этом, когда получу еще несколько ответов.   -  person Chris Love    schedule 11.01.2011
comment
Это точно не CSS-фреймворк. Но Мобильные веб-шаблоны Nokia могут вам помочь.   -  person fravelgue    schedule 12.01.2011
comment
Я не доверяю ничему от Нокии. ;)   -  person DA.    schedule 22.04.2011
comment
Возможно, вы правы для смартфонов. Но это полезно для многих других телефонов. Важно знать свою цель.   -  person fravelgue    schedule 23.04.2011


Ответы (5)


Существует фреймворк 320 и выше, а также шаблон HTML 5 для мобильных устройств (хотя последний является не столько фреймворком, сколько отправной точкой).

person Dan Esparza    schedule 22.04.2011
comment
Я собираюсь отметить это как ответ. Все они были отличными ответами, но этот, кажется, единственный автономный CSS-фреймворк только для мобильных устройств. - person DA.; 12.07.2011
comment
вы имеете в виду 320 и выше или мобильный шаблон HTML 5? - person Eastern Monk; 31.01.2012
comment
да. Он имеет в виду 320 и выше или мобильный шаблон HTML 5. - person Dan Esparza; 01.02.2012

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

person eddie.vlagea    schedule 11.01.2011
comment
Мы смотрим на разработку для всех видов мобильных устройств и разрешений экрана, поэтому мы подумали, что сетка-фреймворк может помочь с этим. Чтобы уточнить, мне нужно меньше фреймворка пользовательского интерфейса и больше системы сетки макета страницы. - person DA.; 11.01.2011
comment
Это фреймворк для создания веб-сайта, похожего на тему iPhone. - person GusDeCooL; 13.07.2012

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

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

person mejarc    schedule 11.01.2011
comment
Мне нравится эта «система сетки 480». Возможно, придется назвать его 480.css;) - person DA.; 12.01.2011

DA,

Вы можете попробовать фреймворк jQueryMobile.

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

Клебер.

person Cleber Alberto    schedule 11.01.2011
comment
Однако это не CSS-фреймворк. - person eddie.vlagea; 11.01.2011
comment
Я также собираюсь погрузиться в jQueryMobile, но, похоже, у него нет полноценной структуры CSS для макета страницы (хотя он, очевидно, наследует концепции пользовательского интерфейса jQuery). - person DA.; 11.01.2011
comment
Посмотрите это sencha.com/products/js - person Cleber Alberto; 11.01.2011
comment
опять же, я ищу фреймворк макета сетки CSS больше, чем фреймворк пользовательского интерфейса JS. - person DA.; 11.01.2011

Вот один из них, который я рассматриваю для использования:

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

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

person imaginethepoet    schedule 19.12.2011