2011-01-11 14 views
16

Trong năm qua, tôi đã trở thành người hâm mộ của BluePrint.css để quản lý các dự án ứng dụng web lớn hơn. Tôi cũng đã xem xét 960 và các dịch vụ của YUI. Tất cả đều tốt (mặc dù tôi có một số khiếu nại về YUI).Các khung CSS cho dev di động?

Tôi đang làm việc trên một dự án di động ngay bây giờ và cho rằng chúng tôi cần phải phù hợp với kích thước màn hình khác nhau, tôi nghĩ một khung lưới css là cách để đi lại.

Tôi có thể sẽ sửa đổi lôgic BluePrint và/hoặc xây dựng một từ đầu, nhưng trước khi tôi làm điều đó, tôi đã tự hỏi liệu có ai đã sử dụng một khung đặc biệt cho thiết bị di động hay không.

Tôi đã nhìn Less và cssgrid

http://lessframework.com/

http://cssgrid.net/

Cả hai đều khá đẹp. Ít sử dụng độ rộng cột nhất quán và thay đổi số cột. Cssgrid sử dụng cột chất lỏng để phù hợp với kích thước màn hình. Tôi, mặt khác, đang hình dung ra một phương pháp khác, nơi chúng tôi sẽ sử dụng một số cột cố định, sau đó điều chỉnh độ rộng trên bay dựa trên chiều rộng màn hình. Tôi thích tùy chọn đó vì tôi thấy rằng lưới chất lỏng có thể trở nên khó quản lý với việc làm tổ nặng. Bất kỳ lựa chọn nào khác tôi nên xem trước?

Làm rõ: Tôi không nhất thiết cần một khung giao diện người dùng đầy đủ vào lúc này. Chúng tôi chắc chắn sẽ kết thúc với một, có thể là jQuery hay của riêng chúng ta, nhưng mục tiêu chính ngay bây giờ là tìm và/hoặc xây dựng một khung CSS để xử lý bố cục trang chung và định vị trên nhiều độ phân giải màn hình thiết bị di động và định hướng.

+1

Tôi nghĩ bạn đang đi đúng hướng. Tôi sẽ điều tra thêm điều này trong tuần tới hoặc bản thân mình. Tôi sẽ tạo một bài đăng trên blog về nó khi tôi nhận được một số câu trả lời khác. –

+0

Nó không phải là một khuôn khổ css chính xác. Tuy nhiên, [mẫu web di động của Nokia] (http://www.forum.nokia.com/info/sw.nokia.com/id/5d9cd41a-7438-495a-9a46-7470e7ec8576/Nokia_Mobile_Web_Templates.html) có thể giúp bạn. – fravelgue

+1

Tôi không tin tưởng bất cứ điều gì từ Nokia. ;) –

Trả lời

7

Có khung '320 and up' và HTML 5 mobile boilerplate (mặc dù khung thứ hai không phải là quá nhiều khung, nhưng là điểm bắt đầu).

+0

Tôi sẽ đánh dấu câu trả lời này là câu trả lời. Họ là tất cả các câu trả lời tuyệt vời, nhưng điều này dường như là khung CSS độc lập duy nhất trên mạng chỉ dành cho thiết bị di động. –

+0

bạn đang đề cập đến 320 và lên hoặc bản mẫu điện thoại di động HTML 5? –

+3

Có. Anh ta đang đề cập đến 320 và lên hoặc bản mẫu điện thoại di động HTML 5. –

0

DA,

Bạn có thể thử khung công tác jQueryMobile.

Tôi tin rằng this post có thể giúp bạn.

Cleber.

+1

Tuy nhiên, đó không phải là khung CSS. –

+1

Tôi sắp đi sâu vào jQueryMobile, nhưng nó dường như không có một khuôn khổ CSS đầy đủ cho bố cục trang (mặc dù nó rõ ràng là thừa hưởng các khái niệm UI của jQuery) –

+0

Hãy xem http://www.sencha.com này/products/js/ –

2

Nếu bạn đang tìm kiếm để phát triển cho iPhone, bạn có thể có một cái nhìn tại iUI Framework

+0

Chúng tôi đang tìm kiếm dev'ing cho tất cả các loại thiết bị di động và màn hình res, do đó nghĩ rằng một khuôn khổ lưới điện có thể giúp đỡ với nó. Để làm rõ, tôi cần ít hơn một khung giao diện người dùng và nhiều hơn nữa của một hệ thống lưới bố trí trang. –

+0

Đó là khuôn khổ để làm cho trang web tương tự như chủ đề iPhone – GusDeCooL

1

Vâng, nó âm thanh như bạn sẽ phải xây dựng của riêng bạn "Blueprint Mini" hoặc "480 Grid System" - - và chúng tôi sẽ ở đây để chiêm ngưỡng nó.

Một điểm khởi hành có thể là công việc của Matthew James Taylor. Anh ta dựa vào lưới chất lỏng bạn đã nói bạn không muốn, nhưng nó đáng xem.

+0

Tôi thích 'hệ thống lưới 480'. Có thể phải đặt tên nó là 480.css;) –