Bất cứ ai cũng có thể liệt kê một số ví dụ thực tế về 'HTML5' đang được sử dụng ngoài tự nhiên?

Tôi đang sử dụng HTML5 theo cách mà mọi người dường như đang sử dụng nó hiện nay, có nghĩa là: thẻ HTML5, Canvas / 3D / javascript và CSS3.

Tôi đang vật lộn để tìm các ví dụ về các trang web đang sử dụng các công nghệ này trên thực tế và đó không chỉ là bản demo của một thứ gì đó thú vị mà ai đó đã quản lý để sử dụng các biến đổi hoặc hình dạng Canvas hoặc CSS3.

Tôi đang tìm kiếm các trang web có giao diện trực quan đẹp nhưng cũng tận dụng những thứ như hoạt hình, cuộn và bù đắp cho Silverback hoặc Canvas để tạo tương tác và tôi đoán trang web 'Flash-looking'.

Đây là một số ví dụ mà tôi đã tìm thấy:

Cuộn

• http://nikebetterworld.com/
• http://benth somebodyguard.com/

Hoạt hình

• http://www.elladesign.com/contact.html

Khác

• http://www.pirateslovedaisies.com/

Tôi đang sử dụng HTML5 một cách lỏng lẻo và tôi ghét phải sử dụng nó. Tôi sẽ rất vui nếu bạn liệt kê một trang web dựa trên Javascript thực sự hấp dẫn nhưng nó không có tài liệu HTML5.

Tôi thấy 2 trang web này là những ví dụ hay và thực tế về việc sử dụng HTML5 -

• Phần 20 Những điều tôi đã học về Trình duyệt và Web Web là một hướng dẫn minh họa trực tuyến từ Google nhằm vào người dùng thông thường. Có kế hoạch mã nguồn mở .
• Tham chiếu JavaScript của Stephen Walther được xây dựng bằng HTML5 & jQuery. Các mã nguồn & giải thích về cách nó được xây dựng có sẵn từ blog của tác giả.

Mạng Stack Exchange (trong đó trang này là thành viên) sử dụng HTML5 để xác thực . Đó là lý do tại sao bạn có thể truy cập bất kỳ trang web nào trong mạng và một khi bạn đã đăng nhập thủ công ít nhất một lần, nó sẽ tự động đăng nhập bạn sau .

Hãy dùng thử - nếu bạn có tư cách thành viên trên nhiều trang web (giả sử ở đây và Stack Overflow), hãy xóa tất cả cookie và tệp tạm thời của bạn. Sau đó đăng nhập tại đây, rồi vào Stack Overflow và không đăng nhập. Hãy chờ vài giây và nó sẽ tự động đăng nhập bạn, mặc dù các tên miền hoàn toàn khác nhau.

Vâng, trên thực tế, tôi đã làm điều đó từ lâu ... 2-3 năm trước, tôi đoán vậy. Tôi đã tạo một trang web về cơ bản cho phép mọi người di chuyển đồ đạc trên một mặt bằng sàn để xem đồ đạc của họ có vừa không. Nó đã được thực hiện với JavaScript, nhưng vấn đề là JavaScript không có cách xoay đồ nội thất rất tốt.

Quay lại khi IE không hỗ trợ thẻ canvas, điều này có nghĩa là sử dụng một hình ảnh khác trong 0,5,10 ... 85 lượt quay và sau đó tôi sẽ xoay các hình ảnh đó bằng 0, 90, 180 hoặc 270 độ trong để xoay vòng từ 90 đến 355 độ. Nó không chỉ gây khó chịu khi tạo mà còn khá chậm trong quá trình thực thi. FF, hỗ trợ thẻ canvas, có thể xoay đồ nội thất khá nhiều trong thời gian thực, nhưng vòng quay của IE là khá khủng khiếp. IE mất khoảng 0,75 đến 1,00 giây để phản hồi và thực hiện nó ở mức tăng 5 độ rất khó chịu.

Đây là một trang web giống như flash tiện lợi được tạo bởi Chris Coyier của CSS-Tricks.com: http://chris-mcgarry.com

Chris chủ yếu sử dụng JQuery tại đây, với mục đích là khách truy cập có thể phát các bản nhạc và điều hướng đến bất kỳ trang nào mà không có nhạc dừng lại.

Chris là một người ủng hộ mạnh mẽ việc sử dụng Html5 ngay bây giờ. Ví dụ này không thực sự sử dụng nhiều yếu tố Html5, nhưng nó thực sự nắm bắt được tinh thần của một tương lai không có flash.

Trang web của chúng tôi ( Chúng tôi, Pixels ) được thành lập khi sử dụng khung vẽ của HTML5. Chúng tôi sử dụng nó theo cách mà Flash thường được sử dụng và trên thực tế phải sử dụng Flash cho IE, bởi vì excanvas không cắt nó cho những gì chúng tôi cần.

Trang web không phải là tất cả , nhưng thành phần ứng dụng chính của nó là.

Scribd đang sử dụng HTML5

Tôi không chắc tại sao bạn lại hỏi ví dụ về các trang dựa trên HTML5 mà không có tài liệu HTML5 đơn giản - Tôi muốn chuyển đổi không rõ ràng cho chế độ đó. Dù sao, trang web này sử dụng khá rộng rãi nguyên tắc một trang với đồ họa được áp dụng theo ngữ cảnh bằng cách sử dụng các kỹ thuật HTML5 và CSS3: https://www.airbnb.com/annual/