Mạch Khóa Số Điện Tử Mạch Đếm Sản Phẩm Mạch Đèn giao thông Ngã Tư Mạch Trái Tim Final Mạch Trái Tim Final Mạch Trái Tim I Love U

May 5, 2012

Công nghệ HTML5 và CSS3



HTML5 là thế hệ kế tiếp của ngôn ngữ lập trình nổi tiếng HTML (Hyper Text Markup Language), "nguyên liệu chính" trong quá trình thiết kế website. Phiên bản trước (HTML4) ra đời cách đây 13 năm đã trở nên quá cũ kĩ và lạc hậu, không đáp ứng được nhu cầu giải trí của người dùng Internet hiện nay. Các lập trình viên nếu muốn chèn các đoạn mã video, game, nhạc… vào website sẽ buộc phải sử dụng thêm Flash hoặc Java.  
Tải giáo trình học html 5 và css 3 tại đây:







1. Xem Demo: Audioburst Animation Audioburst Animation 
– Những khối tròn cùng chuyển động không ngừng cùng các khối màu sắc hấp dẫn,
miêu tả hoạt động của con trỏ chuột kèm theo các hiệu ứng âm thanh sôi nổi.
2. Xem demo Demo:Ball Pool Demo:Ball Pool 
Hãy giữ chuột và “rê” liên tục để những vòng tròn theo đó tuôn ra
ào ạt tràn ngập màn hình, người xem sẽ thấy được sự năng động của HTML5.

3. Xem Demo: Blob Sallad Demo: Blob Sallad 

– Thử “ném” trái bóng đáng yêu này và để nó chạy lung tung trong trình duyệt web,
hiệu ứng này cho thấy HTML5 hoạt động rất mượt.


4. Xem Demo: Demo: Bomomo Demo: Bomomo

– Mô tả cách các nguyên tử chuyển động trên nền tảng HTML5.
Bạn cũng có thể “sai khiến” chúng làm bất cứ việc gì theo ý bạn.

5. Xem Demo: Bubbles Xem Demo: Bubbles 

– Người dùng có thể tạo ra những quả bong bóng nước 3D đầy màu sắc bằng cách
click chuột vào nền xanh với số lượng trái bóng là vô hạn.


Canvas Cartoon Animation – Các nhân vật hoạt hình ngộ nghĩnh sẽ xuất hiện
và giới thiệu cho người xem những gì HTML5 có thể làm được.


Coolclock – Sự kết hợp của HTML5 và JavaScript, những chiếc đồng hồ
nhiều thể loại và đủ các múi giờ trên Trái đất được thể hiện dưới vô vàn màu sắc khác nhau.


Flickr PS3 Slideshow – Một slideshow được trình chiếu ngay trên trình duyệt web
của bạn. Chỉ cần đăng nhập Flickr, mọi thứ sẽ hiện ra trước mắt!


Interactive Polaroid – Biến trình duyệt thành một “màn hình cảm ứng đa chạm”, người dùng có thể
tương tác với các bức ảnh y như trên những chiếc điện thoại thời thượng.


JS Fireworks – Thêm một sự kết hợp tuyệt vời khác của JavaScript và HTML5. Bất kì
dòng chữ nào người dùng viết ra sẽ hiện lên dần dần sau màn pháo hoa đẹp mắt.


Kaleidoscope – Hiệu ứng kính vạn hoa muôn màu được thể hiện đẹp mắt và huyền ảo
trên nền web, tốc độ biến chuyển tùy theo click chuột của bạn!


Liquid Particles – Các hạt màu sắc nhạy cảm sẽ chuyển động theo thao tác di chuột của bạn.
Click chuột để những hạt này bị đẩy “tung tóe” ra các hướng khác nhau.


Parallax – Phong cách xếp giấy Origami của Nhật Bản được thể hiện dưới hiệu ứng
của nền tảng HTML5. Cùng cảm nhận sự khác biệt.


Starfield – Điều khiển một trận “mưa sao băng” trên bầu trời bằng cách giữ và
di chuyển về các hướng khác nhau.


Particle Animation – Dòng chữ bạn viết sẽ lần lượt được hình thành bởi hiệu ứng phân rã
và quy nạp ấn tượng.


Nebula Cloud – HTML5 cho thấy khả năng thể hiện màu sắc và chuyển động tốt hơn Flash nhiều.
Trong ảnh là hiệu ứng tinh vân cực hoành tráng và lạ mắt.


Video Destruction – Đỉnh cao của hiệu ứng đồ họa trên trình duyệt, chỉ với một click
chuột, bạn có thể “đập vỡ” một video đang chạy!


Canvas3D and Flickr – Cách trình chiếu ảnh Flickr khác trên trình duyệt, album ảnh
của bạn sẽ được thể hiện dưới dạng 3D xoay chiều.


Cloth Simulation – Lật tung, kéo, giũ, rung… một tấm lưới tùy thích theo ý của bạn.
Các hiệu ứng vật lí cũng được thể hiện rất chân thực và rõ nét.


Evolving Monster - Quan sát sự tiến hóa thành một sinh vật phức tạp,
quá trình chỉ có thể thực hiện tốt trên HTML5.


Google Giftbox – Tìm kiếm Google trong chiếc hộp 3D xoay lung tung
theo con trỏ chuột của bạn.


JS Touch – Trong tương lai, đây sẽ là cách người dùng có thể xem thiết bị một cách rõ
nét nhất khi có thể ngắm nghía ở mọi góc độ với độ phân giải cực cao.




diendanbaclieu

5 comments:

Tôi Yêu Việt Nam said...
5/5/12

quá đẹp, HTML5 với CSS 3 mà cứ tưởng như Flash với Photoshop vậy Chjp nhỉ =D>

ChipKool_Online said...
6/5/12

hihi.Chip tuy là dân điện tử nhưng mà khoái mấy món này quá..chip cũng đang tính học thêm món này đây,nhưng tài liệu toàn tiếng anh,không thấy tài liệu tiếng việt,cậu có thì cho tớ với na..hihihi

Nguyễn Doãn Đức said...
6/5/12

Ặc Ặc tài liệu bằng tiếng anh à. nghe mệt nhĩ. Mà mình thấy có cả JavaScript nữa mà. dụ này phải học JavaScript thôi chứ không thì mỗi HTML5 và CSS3 cũng chưa đủ độ đẹp được :((

Tôi Yêu Việt Nam said...
6/5/12

cái này mới quá nên mình cũng có tài liệu gì đâu :(

ChipKool_Online said...
6/5/12

Mình muốn học quá..hic hic..anh em nào kiếm được tài liệu hay chia sẻ nhé..cùng nhau thảo luận món này mới được..:D

Post a Comment

Bạn đọc hãy giúp chúng tôi xây dựng cộng đồng bằng cách để lại bình luận, chúng tôi luôn đón nhận mọi ý kiến của các bạn:
» Bình luận nghiêm túc và không chứa các liên kết quảng cáo.
» Vui lòng không Spam nhận xét với mọi hình thức.
» Rất mong bạn đề tên cho nhận xét của chính mình - Bằng cách chọn vào Tên/URL và điền tên bạn vào (Phần URL có thể bỏ trống ).

- Bạn có thể chèn Link nhạc (NCT), video(Youtube),Hình ảnh vào comment bằng cú pháp:
+ [youtube] Link video Youtube [/youtube].
+ [img] Link ảnh( định dạng PNG, JPG,GIF) [/img]
+Chèn link liên kết: <a href="LINK" rel="nofollow">Name</a>
-Bạn copy mã bên cạnh biểu tượng chèn vào nhận xét để bày tỏ cảm xúc!!

:) :( :)) :(( =)) =D> :D :P