thư viện UI/thành phần tương thích xương sống cho một số tính năng phong cách sencha/enyo

Question

Hãy để tôi bắt đầu bằng cách nói rằng tôi đã đọc rất nhiều câu hỏi và bài đăng trên blog liên quan đến việc sử dụng kết hợp backbone/jQuery mobile và so sánh xương sống/Sencha. thực sự đã có đầu của tôi trong không gian này một thời gian nhưng vẫn không tìm thấy khá những gì tôi đang tìm kiếm.

Tôi rất quen thuộc với Sencha và đã sử dụng nó cho các ứng dụng được bọc (ví dụ, v.v.) trong quá khứ và tôi thực sự thích nó. Tuy nhiên đối với một cơ sở mã nhỏ hơn cho các dự án web và kiểm soát nhiều hơn khả năng tương thích của trình duyệt và nhiều lý do khác, nó không hoàn toàn phù hợp với một số tác vụ nhất định.

Khi tôi bắt đầu cố gắng để thiết kế điện thoại di động (mà còn máy tính để bàn và máy tính bảng) webapps xương sống từ đầu tôi thấy tôi nhớ ba điều quan trọng

• chung di động 'init', làm đầy màn hình vv (mặc dù điều này là đơn giản nhất để sao chép)
• Tabbed, iOS theo phong cách, điều hướng (tất nhiên tôi có thể cuộn của riêng tôi, nhưng có vẻ ngớ ngẩn)
• Cuộn - cả cuộn một phần nội dung, nhưng đặc biệt là băng chuyền và cách băng chuyền được liên kết với giao diện tab

Tôi không bận tâm về việc bắt chước từng kiểu hệ điều hành gốc của thiết bị trong suốt ứng dụng và trên thực tế, chúng tôi muốn (trong khi tuân theo một số quy ước hợp lý) khiến chúng trông hơi khác một chút.

Ember có flame và tôi đã sử dụng điều đó trước đây, đó là điều tôi đang tìm kiếm.

Tôi biết tôi có thể xây dựng bộ công cụ jQuery, kịch bản tùy chỉnh, plugin jQ/iSroll, thư viện CSS, giao diện người dùng đường trục vv và thực hiện ý tưởng biên dịch 'ngăn xếp' của riêng tôi, nhưng vì lý do nào đó không cảm thấy đúng.

Vì vậy, để đưa điều này trở lại với nhiều câu hỏi thực tế hơn. Tôi đoán tôi đang tìm kiếm một dự án lý tưởng không liên quan cụ thể đến thư viện - và về mặt lý thuyết có thể chạy trên một trang được mã hóa tĩnh nếu cần (mặc dù điều đó không đúng với tôi bây giờ). Hoặc có lẽ một số từ từ những người khác đã từng tham gia một hành trình tương tự và có lẽ đã kết thúc trên sự kết hợp của các thư viện mà tôi đã đề cập trước đó với lý do tại sao họ quyết định đây là giải pháp tốt nhất.

Tôi không muốn làm bất cứ điều gì quá điên, nói điều gì đó giống như old sencha oreilly example nhưng sử dụng một số băng chuyền và tôi sẽ bao gồm nhiều thiết bị và trình duyệt với sự kết hợp của CSS đáp ứng và một chút JS.

Tôi sẽ tiếp tục nhìn vào bản thân mình quá và báo cáo lại nếu tôi tìm thấy bất cứ điều gì thú vị

Cheers

EDIT

Trong khi nhìn vào điều này, tôi nhận ra nó chỉ thực sự băng chuyền và cuộn mà tôi thực sự muốn từ Sencha. Tôi nhận thấy rằng Cubiq có một thành phần slideview tốt đẹp xử lý băng chuyền rất gọn gàng và với một dấu chân nhỏ. Tôi tìm thấy một câu trả lời stackoverflow về việc sử dụng này với iscroll ban đầu cho di chuyển dọc. Xem câu trả lời của tôi bên dưới để sử dụng thành công hai câu hỏi này với nhau How to use iScroll4 with SwipeView?

Điều này cần một số tinh chỉnh để hoạt động phù hợp trên máy tính để bàn. và tôi cũng muốn kiểm soát nó từ giao diện người dùng có thẻ.Dù sao, tôi không gần trả lời câu hỏi của riêng tôi nhưng cho điều này đã có một vài upvotes tôi đăng một số suy nghĩ của tôi.

Nhanh chỉnh sửa

Bạn có thể đính kèm các sự kiện cho các tab với SlideView https://dl.dropbox.com/u/81328343/scroll/1.html nhưng vào lúc này, nó chỉ làm sinh động cho tới/trước và không trang trực tiếp (tab) truy cập

Answer 1

Tôi đã sử dụng Twitter Boostrap với Backbone ...

http://twitter.github.com/bootstrap/

Answer 2

Webix

Thư viện các thành phần rất lớn.