2011-04-24 25 views
8

Tôi đang tìm một bộ CSS hoặc tập lệnh bắt chước giao diện người dùng (chỉ giao diện người dùng) của các ứng dụng mặc định trên iPhone/iPad, ứng dụng Android cơ bản và Blackberry?CSS - để bắt chước iOS, Blackberry OS và AndroidOS?

Tôi có một khách hàng cần khả năng xem trước nội dung và trang biểu mẫu trên hệ điều hành khác nhau ', nhưng trong trình duyệt trên máy tính để bàn của họ (Chrome, FF, IE (ugh)). Tất nhiên, có hàng chục và hàng tá trình mô phỏng độc lập, nhưng tôi không thể tìm thấy bất kỳ ai có thể đã tạo CSS hoặc tập lệnh để bắt chước cách chúng trông như thế nào, trong trình duyệt - ví dụ: mặc định nút stylings, màu sắc, vv không phải là logic của ứng dụng, nhưng chỉ là cách nó có thể nhìn - với ví dụ tốt nhất tôi có thể tìm được: http://groupaware.mobi/iphone/#_Windows

Bất cứ ai có ý tưởng?

cảm ơn!

+0

+! cho một câu hỏi hay. –

+0

http://snippetspace.com cho ios – cmplieger

Trả lời

0

Tôi xin lỗi nhưng cho đến bây giờ tôi chỉ có thể tìm thấy các mẫu liên quan đến Iphone chứ không phải BlackBerry và giao diện người dùng Android. (Tôi đã cố gắng để tìm thấy chúng mình trước khi quá.)

Một mẫu tuyệt vời cho CSS (Photoshop CS4 hoặc cao hơn cần thiết) dựa trên Iphone là: http://www.teehanlax.com/blog/2010/06/14/iphone-gui-psd-v4/

Ngoài ra các liên kết bởi tomwadley, đặc biệt là trước liên kết, cũng khá hữu ích về mã hóa và khung công tác.

0

jQuery Mobile (JQM): http://jquerymobile.com là một khung làm việc đó. Theo cách đơn giản nhất, nó hiển thị các phần tử html "chuẩn" như các phần tử hệ điều hành gốc cho các nền tảng như iOS và Android.

Bạn không phải sử dụng khung công tác JQM, tất nhiên; bạn có thể đơn giản lấy những gì bạn cần từ CSS mà JQM sử dụng. Kiểm tra trực tiếp css hoặc viết một trang thử nghiệm đơn giản tải JQM và kiểm tra CSS trong bảng điều khiển dành cho nhà phát triển Firebug hoặc Chrome.

Các vấn đề liên quan