Sức mạnh HTML5 thật đáng phục!

[zkenji]

6 website trình diễn sức mạnh của HTML5HTML5, bước tiến mới của HTML (HyperText Markup Language - ngôn ngữ đánh dấu siêu văn bản, được thiết kế để tạo các trang web), hứa hẹn sẽ đưa việc trải nghiệm web sang một giai đoạn mới khi cho phép trình duyệt thực hiện nhiều điều thú vị với dữ liệu và hình ảnh.


Xem video logo của Google chuyển động nhờ HTML5 (http://vnexpress.net/GL/Vi-tinh/2010/11/3BA239BC/page_2.asp)


Trang công nghệ Make Use Of tổng hợp một số website sử dụng HTML5 nhằm giúp mọi người hình dung rõ hơn khả năng của ngôn ngữ này. Người dùng cần mở các trang này trên Firefox 4, Safari, Internet Explorer 9 hoặc Chrome.


http://vnexpress.net/Files/Subject/3B/A2/39/BC/HTML-1.jpg


SketchPad (http://mugtug.com/sketchpad/) là chương trình vẽ trên web được thực hiện chỉ với HTML5 và JavaScript.


http://vnexpress.net/Files/Subject/3B/A2/39/BC/HTML-2.jpg


Galactic Plunder (http://dougx.net/plunder/plunder.html), được thực hiện với JavaScript và HTML5 Canvas, cho thấy game bắn súng có thể được dựng không cần đến Flash.


http://vnexpress.net/Files/Subject/3B/A2/39/BC/HTML-3.jpg


HTML5 hỗ trợ xem video không cần cài đặt Flash hay plugin. Bên cạnh đó, người xem còn có thể tương tác với video, chẳng hạn website này (http://craftymind.com/factory/html5video/CanvasVideo.html) cho phép họ phá tung từng pixel của video đang phát.


http://vnexpress.net/Files/Subject/3B/A2/39/BC/HTML-4.jpg


HTML5 Rocks (http://www.html5rocks.com/) cung cấp các slide (http://slides.html5rocks.com/#slide1) để người xem khám phá khả năng đặc biệt của HTML5, như có thể dùng các phím điều khiển trên bàn phím để chuyển đổi slide, thay đổi hình nền...


http://vnexpress.net/Files/Subject/3B/A2/39/BC/HTML-5.jpg


Nhập một địa danh bất kỳ và trang web hợp tác (http://www.thewildernessdowntown.com/) giữa Arcade Fire và Google Chrome sẽ trình diễn khả năng phát video không cần cài đặt phần mềm.


http://vnexpress.net/Files/Subject/3B/A2/39/BC/HTML-6.jpg


Một trải nghiệm thú vị khác với HTML5 là Browser Ball (http://experiments.instrum3nt.com/markmahoney/ball/#) - cho phép người dùng mở nhiều cửa sổ và di chuyển vật thể (quả bóng) giữa các cửa sổ đó.


http://vnexpress.net/Files/Subject/3B/A2/39/BC/HTML-7.jpg


Trang Hakim (http://hakim.se/experiments/) giới thiệu một số game để chứng minh người dùng có thể làm những gì với HTML5.

[hanhkhat]

Hiện nay Google đang hỗ trợ người dùng chuyển đổi từ file flash sang html5. Cái này hay phết :D

[zkenji]

@Hanhkhat: thiệt hok ca? Làm như thế nào vậy chỉ mình với! chuyển qua có bị lỗi gì hok! hướng dẫn giúp với nhe!

[hanhkhat]

Bài viết nói về Google Swiffy đây
còn đây là link http://www.google.com/doubleclick/studio/swiffy/
Một vài game preview đây http://www.google.com/doubleclick/studio/swiffy/gallery.html


http://media.tinhte.vn/photo/var/resizes/babybungbu/html5.jpg?m=1309437429 (http://media.tinhte.vn/photo/var/resizes/babybungbu/html5.jpg?m=1309437429)



Thứ 3 vừa qua, Google Labs đã phát hành phiên bản thử nghiệm một ứng dụng về web có tên Swiffy. Chức năng của ứng dụng này là giúp đội ngũ phát triển dễ dàng chuyển đổi dữ liệu từ Adobe Flash SWF sang HTML 5 (http://www.tinhte.vn/tags/html5/). Đây là một động thái khá bất ngờ của Google vì từ trước đến nay chỉ có Apple là người ủng hộ HTML 5 mạnh mẽ nhất. Trước đó, hãng tìm kiếm của Mỹ cũng đã có một thỏa thuận hỗ trợ Flash với Adobe, thậm chí có hẳn một plug - in cài sẵn trên hệ điều hành Chrome OS.

File được chuyển đổi từ Flash sang HTML 5 bằng Swiffy sẽ tương thích với tất cả những trình duyệt phổ biến như Chrome hay Safari. Chưa rõ mục đích của Google với Swiffy là gì, nhưng một số ý kiến cho rằng một kỹ sư của hãng tên Pieter Senster đã đi tiên phong trong dự án này nhằm khắc phục những vấn đề về tính không tương thích với iOS của các mẫu quảng cáo trên nền Flash. Trong bối cảnh nền tảng di động của Apple đang rất phát triển, Swiffy sẽ giúp tạo động lực cho đội ngũ lập trình viên phát triển các nội dung trên nền HTML 5 thay vì Flash. Tuy nhiên, hiện tại chỉ có một số dạng file SWF nhất định với các hiệu ứng động đơn giản là có thể chuyển đổi bằng phần mềm của Google.
Bạn đọc có hứng thú có thể thử dùng Google Swiffy tại đây (http://swiffy.googlelabs.com/).


Nguồn: SlashGear (http://www.slashgear.com/google-swiffy-transforms-flash-into-html-5-28161896/)

[zkenji]

uh! thanks mình cung vừa tìm trên goole! biết các đổi rùi mà chưa test thữ!