CSS Frameworks dla deweloperów mobilnych?

W ciągu ostatniego roku stałem się fanem BluePrint.css do zarządzania większymi projektami aplikacji internetowych. Przyjrzałem się również ofertom 960 i YUI. Wszystko dobrze (chociaż mam kilka skarg na temat YUI).CSS Frameworks dla deweloperów mobilnych?

Pracuję teraz nad projektem mobilnym i biorąc pod uwagę, że musimy dostosować się do różnych rozmiarów ekranu, myślę, że struktura gridowa css to droga, którą należy jeszcze raz.

Prawdopodobnie będę mocno modyfikować logikę BluePrint i/lub budować ją od zera, ale zanim to zrobiłem, zastanawiałem się, czy ktoś użył konkretnej platformy dla urządzeń mobilnych i poleciłby jedną konkretną dla urządzenia mobilnego.

Szukałem na mniej i cssgrid

http://lessframework.com/

http://cssgrid.net/

Oba są dość ładne. Mniej używa spójnych szerokości kolumn i zmienia liczbę kolumn. Cssgrid używa kolumn z płynem do dostosowania rozmiarów ekranu. Z drugiej strony, wyobrażam sobie inną metodę, w której używamy stałej liczby kolumn, a następnie dostosowujemy szerokości w locie w zależności od szerokości ekranu. Wolę tę opcję, ponieważ odkryłem, że płynne sieci mogą stać się trudne w zarządzaniu przy dużym zagnieżdżaniu. Jakieś inne opcje, które powinienem najpierw obejrzeć?

Wyjaśnienie: Nie potrzebuję w tej chwili pełnego interfejsu interfejsu użytkownika. Zdecydowanie znajdziemy taki, jQuery lub własny, ale głównym celem jest znalezienie i/lub zbudowanie struktury CSS do obsługi ogólnego układu strony i pozycjonowania w wielu rozdzielczościach i orientacjach ekranu urządzeń mobilnych.

Źródło

2011-01-11 DA.

Myślę, że jesteś na dobrej drodze. Zbadam to bardziej w przyszłym tygodniu. Zrobię post na blogu, gdy otrzymam więcej odpowiedzi. –

To nie jest struktura css dokładnie. Jednak [szablony stron mobilnych Nokia] (http://www.forum.nokia.com/info/sw.nokia.com/id/5d9cd41a-7438-495a-9a46-7470e7ec8576/Nokia_Mobile_Web_Templates.html) może ci pomóc. – fravelgue

Nikomu nie ufam od Nokii. ;) –

Istnieje szkielet "320 and up" i HTML 5 mobile boilerplate (chociaż to ostatnie nie jest ramą, ale punktem wyjścia).

Źródło

2011-04-22 03:49:58

Zamierzam oznaczyć to jako odpowiedź. Wszyscy byli wspaniałymi odpowiedziami, ale ten wydaje się być jedyną samodzielną strukturą CSS, dostępną tylko dla urządzeń mobilnych. –

odnosisz się do 320 i więcej lub do mobilnego zestawu znaków HTML 5? –

Tak. Odnosi się do 320 i wyżej lub do mobilnego zestawu znaków HTML 5. –

DA,

Można spróbować ramy jQueryMobile.

Wierzę, że this post może ci pomóc.

Cleber.

Źródło

2011-01-11 15:18:46

To jednak nie jest framework CSS. –

Idę też zanurkować w jQueryMobile, ale nie wygląda na to, że ma pełne środowisko CSS dla układu strony (choć oczywiście dziedziczy koncepcje interfejsu jQuery). –

Zobacz http://www.sencha.com/products/js/ –

Jeśli szukasz rozwijać dla iPhone, można spojrzeć na iUI Framework

Źródło

2011-01-11 15:28:00

Patrzymy na dev'ing dla wszelkiego rodzaju urządzeń mobilnych i rozdzielczości ekranu, stąd myśl, że struktura gridowa może z tym pomóc. Aby to wyjaśnić, potrzebuję mniej struktury interfejsu użytkownika i więcej układu siatki układu strony. –

Jest to framework do stworzenia strony internetowej podobnej do iPhone'a. – GusDeCooL

Tak, to brzmi jak będziesz musiał zbudować swój własny „Blueprint” lub „Mini 480 sieciowi” - - i będziemy tu, aby go podziwiać.

Jednym z punktów wyjścia może być praca Matthew James Taylor. On polega na płynnej siatce, o której mówisz, że nie chcesz, ale warto ją zobaczyć.

Źródło

2011-01-11 21:16:53 mejarc

Podoba mi się ten "system siatki 480". Mogę nazwać to 480.css;) –

-1

Oto jeden, że jestem rozważa wykorzystanie:

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

Wygląda na to, że ma pewne błędy z wyświetlaniem mniejszych rozmiarach siatki.

Źródło

2011-12-19 13:53:28 imaginethepoet

CSS Frameworks dla deweloperów mobilnych?

Odpowiedz

Powiązane problemy