Thiết kế iPhone và iPad: Sử dụng Các Khung JavaScript để Thêm các Tính năng nâng cao - các núm vú

Các khuôn khổ JavaScript giúp bạn thêm các tính năng phong phú cho thiết kế web iPhone và iPad của bạn. Nếu HTML5 và CSS3 không đủ thách thức đối với bạn và bạn muốn thêm các tính năng nâng cao hơn bằng các tập lệnh, bạn có thể tiết kiệm thời gian và rắc rối bằng cách bắt đầu với một trong những khuôn khổ JavaScript phổ biến này.

• jQuery Mobile là phiên bản di động của thư viện jQuery JavaScript rất mạnh. Phiên bản di động hoạt động trên hầu hết các điện thoại thông minh và cung cấp các thành phần giao diện người dùng đi xa hơn một thư viện JavaScript. Các thành phần giao diện người dùng bao gồm các kiểu được tăng cường (như thể hiện trong hình này), một loại lớn các loại danh sách, tìm kiếm, chuyển trang, chủ đề, và nhiều hơn nữa.

  Với sự hỗ trợ của các nhà sản xuất thiết bị và. mobi, dự án này có nhiều nhà tài trợ nhất trong bất kỳ khuôn khổ di động nào. Điều này thường cho thấy sức mạnh lâu dài và chất lượng của một dự án mã nguồn mở, làm cho jQuery Mobile trở thành một cược tốt ngay bây giờ và trong tương lai.

  

• Sencha là một công ty phát triển khuôn khổ thương mại. Sau khi các công cụ của nó ra khỏi giai đoạn phát triển beta, họ có thể sẽ phải trả chi phí để sử dụng. Những công cụ này có thể phục vụ bạn tốt hơn nếu bạn cần một sản phẩm cấp thương mại đi kèm với hỗ trợ khách hàng.

  Solitaire trò chơi. IUI

  

• là khung ứng dụng web iPhone lâu đời nhất Được tạo bởi nhà phát triển Joe Hewitt, giao diện người dùng trông giống như một ứng dụng iPhone. Một tính năng tuyệt vời là công cụ này được xây dựng trong Lưu trữ ngoại tuyến. Lưu trữ ngoại tuyến là những gì cho phép ứng dụng web hoạt động ngay cả khi người dùng không kết nối với Internet.

  iWebKit

• là một trong những khuôn khổ ứng dụng web đầu tiên. iWebKit tập trung vào việc đạt được giao diện người dùng gần với giao diện người dùng iOS bản địa có thể sử dụng HTML5, CSS 3 và JavaScript. Khung này bao gồm các vật dụng hữu ích, các hình thức, và khả năng hiển thị các nguồn cấp dữ liệu RSS, làm cho nó trở thành một nơi tuyệt vời để bắt đầu nếu bạn chỉ tập trung vào việc tạo ra các ứng dụng web cho các thiết bị iOS. Công cụ Tác động

  

• là một khuôn khổ tập trung vào việc cho phép các nhà phát triển tạo ra các trò chơi giống như các ứng dụng gốc đã cài đặt. Đó là một lựa chọn tuyệt vời nếu bạn quan tâm đến việc tạo các trò chơi sử dụng HTML5, CSS 3 và JavaScript. Giá hiện tại là $ 99. Cubiq

• là một cách tuyệt vời để thêm các tính năng tương tác mà không đi sâu vào tất cả sự phức tạp của các công cụ khung. iScroll:

  • Tạo bởi vì khó khăn trong việc sử dụng vị trí: tuyệt đối trong cửa sổ iPhone ảo, iScroll giúp dễ dàng hơn để có một thanh cố định ở trên cùng hoặc dưới cùng của trang. Accorder Accelerated Phần cứng:

  • An accordion hiển thị tiêu đề hoặc dòng đầu tiên của một phần. Khi người dùng chạm vào nó, nó sẽ mở rộng để người dùng có thể xem phần còn lại của văn bản trong phần đó. Accordions rất hữu ích khi màn hình bất động sản khan hiếm, giống như trên iPhone hoặc iPod touch. Hiệu ứng Accordion trên điện thoại di động rất khó khăn và thường xuyên choppy và jerky, không trơn tru. Cubiq sử dụng tài sản dịch CSS 3 để kiểm soát tốt hơn việc mở và đóng. Đó là một kỹ thuật thông minh bởi vì iPhone sử dụng tăng tốc phần cứng với thuộc tính này để đảm bảo sự biến đổi trở nên trơn tru.

    Trình đơn slide-in:

  • Nếu bạn muốn giấu menu của mình lên trên đầu trang và cho phép người dùng kéo nó xuống khi họ cần, phần này dành cho bạn. Sau khi thêm trình đơn trang trình bày vào trang web của bạn, nó có thể được thiết kế và thiết lập để giữ chuyển hướng của bạn bằng cách sử dụng bất kỳ biểu tượng hoặc thiết kế bạn thích. Thêm vào màn hình chính:

    

  • Thao tác này sẽ thêm một quả bóng nổi ở cuối trang web của bạn trên iPhone và ở đầu trang trên iPad để gọi sự chú ý đến tính năng Thêm vào Trang chủ trên iPhone. Thêm tin nhắn chú thích cho iPhone và iPad làm cho nhiều khả năng khách truy cập sẽ đánh dấu trang web của bạn. Thông báo được hiển thị trong hình này sẽ tự động giữ nguyên ở cuối trang khi người dùng cuộn. Bạn có thể tùy chỉnh khoảng thời gian trước khi thông báo xuất hiện và biến mất. Nó cũng có sẵn bằng 13 ngôn ngữ.

    Người dùng có thể chọn Add Bookmark, Add to Home Screen, Mail Link to This Page, hoặc Print tùy chọn. Khi người dùng chọn Thêm vào màn hình chính, một biểu tượng nhỏ được lưu trên Màn hình chính của iPhone.