04/10/2018, 20:13

15 Trải nghiệm về HTML5 gây cảm hứng cho người bắt đầu

Theo lời cựu CEO quá cố cửa Apple thì HTML5 sẽ là công nghệ thay thế cho Flash. Trên thực tế thì điều này vẫn chưa xảy ra. Nhưng HTML5 thật sự tạo ra những điều kì diệu về video,hình ảnh và những hiệu ứng chuyển động….. Bạn có thể tin hay không tin về sức mạnh HTML5 mang lại sau khi cùng ...

Theo lời cựu CEO quá cố cửa Apple thì HTML5 sẽ là công nghệ thay thế cho Flash. Trên thực tế thì điều này vẫn chưa xảy ra. Nhưng HTML5 thật sự tạo ra những điều kì diệu về video,hình ảnh và những hiệu ứng chuyển động…..
Bạn có thể tin hay không tin về sức mạnh HTML5 mang lại sau khi cùng mình trải nghiệm qua 15 trang web sử dụng HTML5 sau đây :

1 Canvas Cycle

Một nỗ lực hộp tác giữa một nhà thiết kế là Mark Ferrari và một coder là Joseph Huckaby. Đây là một bộ sưu tập khổng lồ về các cảnh thiên nhiên như là rừng cây, sông núi… Nếu bạn cảm thấy mệt mỏi hãy vào đây để cùng thưởng thức và thư giãn.

15 Trải nghiệm về HTML5 gây cảm hứng cho người bắt đầu

2 Google Gravity
Một ứng dụng kinh ngạc được tạo bởi Mr Doob. Nó là bản copy của trang Search mặc định của Google. Nhưng khi bạn trỏ chuột vào thì cả trang sẽ bắt đầu đổ xuống  dưới như hình sau.

15 Trải nghiệm về HTML5 gây cảm hứng cho người bắt đầu

3 Canvas Trees
Một ứng dụng được xấy dựng từ thẻ <canvas> trong HTML5. Cây sẽ tự động mọc và phân nhánh khi bạn refresh trang web.

15 Trải nghiệm về HTML5 gây cảm hứng cho người bắt đầu

4 Magnetic
Trong ứng dụng này bạn có thể kéo thả vị trí các hình.Đặc biệt là các vệ tinh được quay xung quanh các hình tròn tạo ra các hiệu ứng vô cùng đẹp mắt.

15 Trải nghiệm về HTML5 gây cảm hứng cho người bắt đầu

5 Celebrity Earnings Graph
Một ứng dụng biểu đồ với mỗi màu đại diện cho một giá trị.

15 Trải nghiệm về HTML5 gây cảm hứng cho người bắt đầu

6 Canvas Ribbon
Bạn cầm chuột và rê để vẽ những hình ảnh với màu sắc bắt mắt.Ứng dụng này được xây dựng bởi một tác giả có tên rất việt nam đó là Paul Truong.

15 Trải nghiệm về HTML5 gây cảm hứng cho người bắt đầu

7 WebGL Water
Với ứng dụng này bạn có thể vẽ  trên nước để tạo các gợn sóng lăn tăn….

15 Trải nghiệm về HTML5 gây cảm hứng cho người bắt đầu

8 Chrysaora
Mình không biết phải diễn tả ứng dụng này làm sao, các bạn có thể click vào xem và tự tìm hiểu.

15 Trải nghiệm về HTML5 gây cảm hứng cho người bắt đầu

9 Voxel Rain
Đây là ứng dụng sử dụng kỹ thuật 3D rất đẹp làm từ HTML5.

15 Trải nghiệm về HTML5 gây cảm hứng cho người bắt đầu

10 HTML5 Text Effects
Đây là một ứng dụng giúp bạn tạo ra các hiệu ứng chữ rất đẹp mà không cần phải dùng Photoshop.

15 Trải nghiệm về HTML5 gây cảm hứng cho người bắt đầu

11 Spinning HTML5 Logo
Các bạn có thể click vào để thưởng thực logo trình diễn tuyệt đẹp của HTML5.

15 Trải nghiệm về HTML5 gây cảm hứng cho người bắt đầu

12 Sketching in 3D
Đơn giản chỉ cần vẽ một dòng, rồi nhấn giữ nút Space, sau đó rê chuột từ trái sang phải, bạn sẽ khám phá hiệu ứng bất ngờ này.

15 Trải nghiệm về HTML5 gây cảm hứng cho người bắt đầu

13 mta.me Conductor

15 Trải nghiệm về HTML5 gây cảm hứng cho người bắt đầu

14 Doogle Gmail
Đây là một game bắn súng điển hình với nhân vật chính là Gmail.

15 Trải nghiệm về HTML5 gây cảm hứng cho người bắt đầu

15 W Pilot
Đây là một game gây nghiện cho những ai mê game. Khi bạn đăng nhập vào một trong những server của họ, bạn sẽ có thể muốn chơi hàng giờ liền.

15 Trải nghiệm về HTML5 gây cảm hứng cho người bắt đầu

Trên đây chỉ là 15 trải nghiệm đầu tiên của mình về HTML5, các bạn có những trải nghiệm hay thảo luận gì thì chia sẻ với mình và mọi người nha.

Chúc các bạn thành công !

Tags: html5 html5 application html5 căn bản html5 demo html5 tips

Chuyên Mục: HTML5

Bài viết được đăng bởi webmaster

Bài liên quan

15 Trải nghiệm về HTML5 gây cảm hứng cho người bắt đầu

Theo lời cựu CEO quá cố cửa Apple thì HTML5 sẽ là công nghệ thay thế cho Flash. Trên thực tế thì điều này vẫn chưa xảy ra. Nhưng HTML5 thật sự tạo ra những điều kì diệu về video,hình ảnh và những hiệu ứng chuyển động….. Bạn có thể tin hay không tin về sức mạnh HTML5 mang lại sau khi cùng ...

Hoàng Hải Đăng viết 3 tuần trước

47 demo về HTML5 cho người bắt đầu

Chắc các bạn đã nghe nhiều tin đồn về HTML5 sẽ thay thế Flash trong tương lai, và bạn muốn tìm hiểu về nó cũng như áp dụng nó vào chính trang blog hay web của bạn. Tuy nhiên nếu bạn là người mới bắt đầu thì mình xin chia sẻ với các bạn những điều mà HTML5 có thể mang đến cho bạn bằng những demo về ...

Bùi Văn Nam viết 3 tuần trước

Cảm giác lần đầu trải nghiệm Node.js

Như thiên hạ nói, Node.js là 1 nền tảng dựng trên trình biên dịch Javacript Google Chrome V8 của thằng Google – hàng hịn đừng hỏi. Trình biên dịch này rất nhanh trên trình duyệt nên người ta nghĩ cách đưa nó vào server side . Thế là Node.js ra đời. Mới đầu nghe đến Node.js chạy ...

Vũ Văn Thanh viết 20:58 ngày 19/09/2018

Chia sẻ về Win 10 Creators: Những tính năng nhỏ nhưng trải nghiệm mang đến thật tuyệt vời

Các bạn đã biết gì về Win 10 Creators chưa? Phiên bản win 10 Creator này không phải là bản mang đến những chức năng gì đó quá to lớn, cũng không đổi hoàn toàn giao diện theo kiểu Win 7 update lên Win 10, nhưng nó lại bản updated giúp nâng trải nghiệm về những nội dung nhỏ nhưng hết sức cần thiết. ...

Tạ Quốc Bảo viết 15:08 ngày 12/08/2018

Tầm quan trọng của khoảng trắng trong thiết kế trải nghiệm người dùng

Tất cả các nhà thiết kế giỏi đều hiểu rõ tầm quan trọng của không gian âm, các vùng không gian trống được tạo ra nhằm tăng sự chú ý, làm nổi bật đến các đối tượng chính trong bố cục. Không gian âm (trong bài viết tương đương với khoảng trắng) cũng giống như những diễn viên phụ có nhiệm vụ làm ...

Tạ Quốc Bảo viết 14:21 ngày 12/08/2018
0