Những ví dụ tuyệt vời về HTML5 cho người bắt đầu

By Unknown → 16/11/14
Mời các bạn truy cập iZdesigner.com để cập nhật những thông tin, thủ thuật mới nhất về Web-Designer.

Khi mới làm quyen với HTML5 có lẽ bạn đã nghe nhiều tin đồn nó 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 thực sự hỗ trợ tốt 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.
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.
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ờ.
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
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.
6 Bubbles
Thú vị với tạo bong bóng  từ màu sắc tự chọn
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ì.
8 Coolclock
Những đồng hồ tuyệt đẹp được làm từ HTML5 và JavaScript.
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.
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.
11 JS Fireworks
Thưởng thức những tràng pháo hoa tuyệt đẹp từ HTML5 và JavaScript.
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ử.
13 Liquid Particles
Hiệu ứng chuyển động theo hướng di chuyển của chuột.
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.
15 Nebula Cloud
Bạn sẽ bị lạc vào các đám mây đầy màu sắc.
16 Parallax
Xem tất cả những hình ảnh với hiệu ứng 2D.
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.
18 Spread
Bạn sẽ bị lạc vào hiệu ứng chuyển động vô hạn.
19 Starfield
Hiệu ứng sao băng dựa trên sự di chuyển của chuột.
20 Video Destruction
1 click chuột có thể làm nổ tung cả một video đang chạy.
21 Waveform
Lại thêm một ví dụ minh họa cho thẻ canvas.
22 Canvas3D và Flickr
Cùng trải nghiệm những hiệu ứng 3D tuyệt đẹp cho những tấm ảnh.
23 Cloth Simulation
Một chế độ mô phỏng dựa trên HTML5.
24 Evolving Monster
Thêm một hiệu ứng 3D được xây dựng từ HTML5.
25 Google Giftbox
Gã khổng lồ Google được trình diễn dưới định dạng 3D.
26 JS Touch
Một demo thể hiện sự trình diễn sản phẩm dưới định dạng 3D.
28 RGraph
RGraph cung cấp cho bạn một cái nhìn rộng về trình diễn dữ liệu dưới dạng biểu đồ dạng cột.
29 CanvasPaint
Đây có thể coi là người anh em với Microsoft Paint.
30 CanvasMol
Một ứng dụng khoa học được xây dựng từ HTML5.
31 Cartoon Builder
Bạn có thể vẽ những hình ảnh hoạt hình ưa thích với demo này.

32 Drag Anything Here
Bạn có thể kéo thả bất cứ thứ gì vào bên trong như hình bên dưới.
33 Gartic Sketch
Một ứng dụng của HTML5 chi phép bạn vẽ những bức hình cơ bản và có thẻ save lại dưới định dạng hình ảnh như jpeg và png.
34 PhysicSketch
Vẽ bất cứ thứ gì mà bạn muốn ở đây.
35 Sketchpad
Một ứng dụng của HTML5 cho phép bạn vẽ và chỉnh sửa hình ảnh.
36 Smalltalk
Một ứng dụng dự báo thời tiết cũng rất hấp dẫn.
37 3Bored
Một ứng dụng game được làm từ HTML5.
38 Breakout
Game này chắc là ai cũng biết.
39 Canvascape
Không hẳn là một game, nhưng nó minh chứng cho việc HTML5 được dùng để phát triển game.
40 Catch It
Một game có thể làm bạn ghiền đó. Hãy thử xem.
41 Chain Reaction
Game này cũng dễ làm bạn bị nghiện.
42 Cubeout
Một game xếp gạch dưới định dạng 3D, góc nhìn trên cùng.
43 Jigsaw Puzzle
Một game xếp hình được làm từ HTML5.
44 Slide Puzzle
Cũng lại là một game xếp hình.
Như các bạn đã thấy HTML5 làm được những gì rồi phải không. Những đó chỉ là những ví dụ căn bản thôi. Sẽ càng có nhiều hơn ứng dụng và game được xây dựng để phục vụ cho hàng tỷ người duyệt internet.Còn bạn, bạn nghĩ gì về html và tương lai của nó, hãy chia sẻ cảm nghĩ của bạn cho mình và mọi người nhá.
Chúc các bạn thành công !
Blog Designer

Hãy cho đi rồi sẽ nhận lại nhiều hơn thế

Đã có nhiều lúc tôi không biết mình sẽ làm được gì ??? Nhưng hãy cứ tin vào chính bản thân mình, tin vào mọi người và đừng để con tim bạn lạc lối. Bạn và tôi sẽ tìm ra được đâu là đích đến để mình biết đường đi.Nếu bạn cần một người bạn, đừng ngại kết bạn với tôi.

Thư Viện Đồ Họa: www.izdesigner.com