04/10/2018, 20:12

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ề ...

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ề html5. Để có thể xem tốt các demo này , các bạn nên xem ở trình duyệt Firefox hoặc Chrome, đừng sử dụng IE, vì trình duyệt này vẫn chưa hỗ trợ nhiều cho HTML5.

1 Audioburst Animation
Một hiệu ứng chuyển động tuyệt vời được làm từ HTML5 với các thẻ canvas và audio.

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

2 Ball Pool
Demo này hiển thị khả năng tạo các hiệu ứng động mà HTML5 có thể mang đến cho bạn.

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

3 Blob Sallad
Một nhân vật hoạt hình được làm từ HTML5 sẽ khiến bạn bất ngờ.

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

4 Bomomo
Với Bomomo bạn có thể quan sát các nguyên tử chuyển động với nhiều dạng khác nhau

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

5 Browser Ball
Ngạc nhiên với trái banh được làm từ HTML5 chuyển động qua lại giữa các trình duyệt.

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

6 Bubbles
Thú vị với tạo bong bóng  từ màu sắc tự chọn

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

7 Canvas Cartoon Animation
Một phim hoạt hình đơn giản được làm từ HTML5 giúp bạn hiểu được thẻ canvas trong HTML5 có thể làm được những gì.

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

8 Coolclock
Những đồng hồ tuyệt đẹp được làm từ HTML5 và JavaScript.

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

9 Flickr PS3 Slideshow
Xem những hình ảnh của bạn với phong cách PS3 trên trình duyệt web.

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

10 Interactive Polaroid
Một demo tương tác có hiệu ứng tương tự như giao diện hỗ trợ đa điểm.

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

11 JS Fireworks
Thưởng thức những tràng pháo hoa tuyệt đẹp từ HTML5 và JavaScript.

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

12 Kaleidoscope
Đây là demo tuyệt đẹp mà mình từng thấy, không tin thì các bạn có thể xem thử.

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

13 Liquid Particles
Hiệu ứng chuyển động theo hướng di chuyển của chuột.

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

14 Mesmerizer
Thêm một HTML5 demo về hiển thị những phần tử phản ứng với chuột được di chuyển.

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

15 Nebula Cloud
Bạn sẽ bị lạc vào các đám mây đầy màu sắc.

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

16 Parallax
Xem tất cả những hình ảnh với hiệu ứng 2D.

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

17 Particle Animation
Lại một hiệu ứng nữa minh họa cho việc dùng thẻ canvas, với hiệu ứng chữ hết sức đẹp mắt và chuyên nghiệp.

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

18 Spread
Bạn sẽ bị lạc vào hiệu ứng chuyển động vô hạn.

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

19 Starfield
Hiệu ứng sao băng dựa trên sự di chuyển của chuột.

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

20 Video Destruction
1 click chuột có thể làm nổ tung cả một video đang chạy.

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

21 Waveform
Lại thêm một ví dụ minh họa cho thẻ canvas.

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

Pages: 1 2 3

Tags: html5 demo html5 game ứng dụng html5

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

10 thủ thuật css cần phải biết cho người bắt đầu

Nếu bạn mới bắt đầu tìm hiểu về thiết kế web, thì việc nắm vững CSS là một trong những điều mà bạn cần phải làm. Học CSS không khó, nhưng học như thế nào để có hiệu quả và không tốn quá nhiều thời gian thì không phải dễ chút nào. Nhất là khi có hàng trăm thuộc tính cũng như kỹ thuật mà bạn cần phải ...

Vũ Văn Thanh viết 3 tuần trước

LESS CSS – Hướng dẫn cơ bản cho người bắt đầu

Css thì rất đơn giản và dễ dàng để học, tuy nhiên nó lại có một giới hạn nhất định. Đặc biệt là khi bạn phải điều chỉnh lại nó. Bạn hãy tưởng tượng xem , khi bạn có hàng ngàn dòng css mà cần phải thay đổi một cái gì đó thì thật là mệt mỏi phải không ? Tuy nhiện một công nghệ mới đã ra đời ...

Tạ Quốc Bảo viết 3 tuần trước

4 thủ thuật PHP cho người bắt đầu

1 Lấy đầy đủ địa chỉ trang web từ thanh địa chỉ (address bar) Để lấy đầy đủ đường dẫn từ thanh địa chỉ thì bạn sử dụng 2 hàm đó là : $_SERVER[‘HTTP_HOST’] và $_SERVER[‘REQUEST_URI’] . Ví dụ chúng ta có địa chỉ như sau : trong đó $_SERVER[‘HTTP_HOST& ...

Tạ Quốc Bảo viết 3 tuần trước
0