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
In bài này
Previous
Next Post »

5 comments

Click here for comments
5/5/12 ×

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

Reply
avatar
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

Reply
avatar
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 :((

Reply
avatar
6/5/12 ×

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

Reply
avatar
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

Reply
avatar

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!! ConversionConversion EmoticonEmoticon

       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

THƯ MỤC KHO TÀI LIỆU MIỄN PHÍ ECHIPKOOL

Code 8051 - ASM Code 8051 - C Code AVR - C Code led sao băng Code PIC - C Điện tử cơ bản điện tử viễn thông Đo Nhiệt Độ DS18B20 + LCD Đo Nhiệt Độ LM35 + LCD Đo Nhiệt Độ LM35 + Led 7 thanh Đo tốc độ động cơ Động cơ robo Ebook Đại Học ebook điện tử Ebook đồ án Học Orcad Học Protues Hồng ngoại Lập Trình 8051 Lập Trình AVR lập trình c++ Lập Trình Led Quảng Cáo lập trình PIC Lập trình Robot Lập trình VHDL Lcd16x2 Led Clock Led Quay Led RGB Mạch 7seg Mạch Amply.Mạch Loa Mạch Cảm Biến Mạch cube Mạch Đếm Sản Phẩm Mạch điện cơ bản Mạch điện hay Mạch Điện Ứng Dụng Mạch đọc file nhạc MP3 dùng Atmega 8 Mạch Động Cơ Mạch đồng hồ Mạch đồng hồ LCD Mạch đồng hồ Matrix Mạch giao thông Mạch in Mạch khóa số điện tử Mạch Led đơn Mạch Led Quảng Cáo Mạch Led Vumeter Mạch Ma trận Phím Mạch Matrix Mạch nạp Mạch nguồn Mạch Nút Bấm Mạch RS232 Mạch RS485 Mạch thu phát Mạch tổ hợp MSI Mạch trái tim Mạch truyền điện không dây Mạch Vi điều khiển Module Bluetooth Module Sim Module Sim548 Motor Nhiệt độ - Độ ẩm oscilloscope Phần mềm điện tử Phần Mềm Diệt Viruts Phần Mềm Hay Phần Mềm Led Quảng Cáo Phần mềm vi tính robocon Rule robocon Sạc Acquy Sản Phẩm Thương Mại Sáng tạo Smart Home Tài liệu Điện Tử Tranzitor Tụ điện TUT - 8051 - ASM TUT - 8051 - KeilC UART Ứng Dụng Led Quảng Cáo Ứng dụng USB USB TO COM Vi điều khiển - Ứng dụng Vi mạch số VOM Wifi ESP8266