Mẫu mới cho các ứng dụng thú vị

Khám phá bộ sưu tập tuyệt vời các mẫu mới cho những ứng dụng thú vị, bao gồm cả mẫu trong bảng nhớ tạm, mẫu tệp và mẫu ứng dụng.

Bất kể bạn tạo ra gì, dù là ứng dụng biên tập video thế hệ mới, trò chơi đố chữ gây nghiện hay tương lai của ứng dụng mạng xã hội trực tuyến—bạn sẽ luôn phải tự mình xây dựng một ứng dụng mạng xã hội cơ bản khối:

  • Ứng dụng chỉnh sửa video có thể sẽ cho phép người dùng lưu video đã chỉnh sửa.
  • Trò chơi của bạn có thể sẽ cho phép người dùng chia sẻ tiến trình chơi với bạn bè.
  • Ứng dụng mạng xã hội trực tuyến rất có thể sẽ cho phép người dùng dán hình ảnh vào bài đăng.

Không có cách thức phổ biến để nhận ra những quy luật này

Đây chỉ là một vài ví dụ về những kiểu tương tự và còn nhiều kiểu khác nữa. Nhưng tất cả các yêu cầu này đều có một điểm chung, đó là không có một phương pháp chung nào để nhận ra chúng.

Tiến trình chia sẻ

Ví dụ: không phải tất cả các trình duyệt đều triển khai API Chia sẻ web. Vì vậy, trong một số trường hợp, bạn sẽ phải quay lại phương pháp khác, chẳng hạn như Ý định trên web của Twitter, hoặc sao chép vào bảng nhớ tạm, đây là phương pháp được chọn ở Wordle khi không triển khai API Chia sẻ web. Ôi, tôi chưa hiểu gì cả:

Wordle 471 6/6

⬛⬛⬛⬛🟨
🟩⬛⬛⬛🟨
🟩🟩🟩⬛⬛
🟩🟩🟩⬛⬛
🟩🟩🟩🟩⬛
🟩🟩🟩🟩🟩

Đang lưu tệp

Khi nói đến việc lưu, phương pháp đầu tiên là sử dụng API Truy cập hệ thống tệp, do đó, bạn sẽ có FileSystemFileHandle cho phép bạn triển khai quy trình lưu, chỉnh sửa, lưu thực sự. Phần tiếp theo tốt nhất là nên quay lại sử dụng <a download> cổ điển, theo cách này cũng cho phép người dùng lưu dữ liệu, Nhược điểm của việc tạo tệp mới cho mỗi lần tải xuống là my-video.mp4, my-video (1).mp4, my-video (2).mp4, v.v.

Đang dán hình ảnh

Để kết thúc các ví dụ giới thiệu, không phải tất cả trình duyệt đều hỗ trợ dán hình ảnh vào ứng dụng web, vì vậy bạn có thể quay lại sử dụng API Kéo và thả hoặc hiển thị bộ chọn tệp, cách này không thanh lịch bằng API Bảng nhớ tạm không đồng bộ, nhưng ít nhất là vẫn hoạt động được.

Những mẫu hình mới

Ngoài ra, các phần mẫu mới sẽ là:

Mẫu bảng nhớ tạm

Mẫu bảng nhớ tạm cho mọi nội dung liên quan đến bảng nhớ tạm của hệ thống, chẳng hạn như sao chép và dán tất cả mọi thứ.

Mẫu tệp

Mẫu tệp cho mọi nội dung liên quan đến tệp và thư mục; là như vậy lưu, mở, kéo và thả, nhận hoặc chia sẻ.

Mẫu ứng dụng web

Mẫu ứng dụng web cho mọi thứ liên quan đến ứng dụng nâng cao các tính năng như cung cấp lối tắt ứng dụng, đồng bộ hoá dữ liệu định kỳ ở chế độ nền, hiện ứng dụng huy hiệu và nhiều phần thưởng khác.

Phản hồi

Tôi hy vọng những mẫu này sẽ giúp bạn xây dựng được những ứng dụng thú vị. Tôi rất mong nhận được ý kiến phản hồi của bạn! Bạn có thể đưa ra ý kiến phản hồi bằng cách tweet tại @ChromiumDev hoặc báo cáo vấn đề. Trong cả hai trường hợp, hãy gắn thẻ @tomayac để đảm bảo tôi thấy mục đó.

Xác nhận

Tôi biết ơn Joe Medley vì đã giúp tôi xem xét và chỉnh sửa các mẫu hình. Nhờ có Pete LePage, Ewa Gasperowicz, Rachel Andrew, Ken Pascal, và Matthias Rohmer để hỗ trợ về mặt kỹ thuật và tổ chức cũng như để khuyến khích họ thực hiện điều này. Toàn bộ dự án mẫu sẽ không thể thực hiện được nếu không có sự trợ giúp của các tác giả của các mô hình riêng lẻ, cụ thể là Harry Theodoulou, Tony Conway, Palances Liao, Cecilia Cong, François BeaufortJoe Medley.