HTML5 sẽ chấm dứt sự thịnh vượng của Flash?

Quan điểm về tương lai của web: tiếp tục dùng Adobe Systems Flash hay chuyển sang công nghệ mới đã được tranh cãi từ nhiều năm nhưng bất ngờ trở nên nóng bỏng khi Apple iPad ra đời.

Thử một lần duyệt web mà không cài Flash Player, người dùng sẽ sớm nhận thấy sự cần thiết của phần mềm này. Ra đời để hỗ trợ nội dung hoạt họa, Flash ngày càng thành công và 75% video trên web hiện nay được hiển thị thông qua Flash (ngoài ra còn có các công nghệ không tương thích khác của Microsoft, Apple, Real...).

Sự phổ biến của Flash khiến người sử dụng ngạc nhiên và có phần thất vọng khi Apple kiên quyết không đưa phần mềm vào các sản phẩm đình đám của hãng như iPhone hay iPad. Giám đốc công nghệ Kevin Lynch của Adobe tin rằng thái độ "bảo thủ" của Apple khiến người mua iPad phải trải nghiệm một thế giới web "què quặt". "Chúng tôi đã cung cấp bản Flash Player 10.1 cho smartphone của tất cả, trừ một, nhà cung cấp hàng đầu. Flash đem đến lợi thế cạnh tranh cho sản phẩm vì nó cho phép người dùng duyệt web toàn diện. Chúng tôi cũng sẵn sàng đưa Flash vào thiết bị của Apple nhưng chưa nhận được yêu cầu từ hãng này", Lynch cho hay.

HTML5 giúp trình duyệt không cần quan tâm đến các plug-in như Flash để hiển thị video.
Trong khi đó, Tổng giám đốc Steve Jobs của Apple thẳng thừng chê Flash chậm chạp, thiếu hiện đại còn Adobe quá lười nhác trong việc cải tiến nên không muốn tích hợp công nghệ này trong sản phẩm của mình.

Còn đối với các nhà phát triển web, Flash, dù thành công, vẫn không được coi là một chuẩn vì đây là công nghệ độc quyền của một nhà cung cấp. "Web, với các nội dung như video, game, hoạt họa... đóng vai trò quan trọng trong kinh doanh, giao tiếp và xã hội nên không thể nằm trong tay một nhà cung cấp độc lập", Bruce Lawson, chuyên gia về chuẩn web, nhận định.

Nhưng từ bỏ Flash đồng nghĩa với việc phải thiết kế lại web, với đủ mọi khó khăn và tốn kém. Tuy nhiên, sự nổi lên của HTML5 đang tiếp thêm niềm tin cho những ai không thích Flash.

Lợi thế của HTML5 là nó sẽ thành chuẩn web và ngày càng xuất hiện trong nhiều trình duyệt. HTML5 mang lại khả năng hỗ trợ video và audio "một cách tự nhiên", tức người dùng có thể xem video trên trang web tương tự cách họ đọc nội dung dạng text (văn bản) mà không cần bận tâm hệ thống cài đặt Flash hay chương trình plug-in nào khác hay chưa. Và khi đó, việc iPad, iPhone và các thiết bị di động không có Flash cũng không còn vấn đề lớn.

HTML5 được phát triển từ năm 2004 nhưng giờ các nhà cung cấp Apple, Opera, Mozilla và gần đây là Google mới xây dựng các thành tố tương thích ngôn ngữ này trong trình duyệt. Cuối tháng 1, YouTube - website chia sẻ video lớn nhất thế giới - tuyên bố thử nghiệm HTML5. Ngay cả Microsoft, song song với việc quảng bá công nghệ Silverlight (cạnh tranh với Flash), cũng bắt đầu quan tâm tới chuẩn web và hứa hẹn đưa HTML5 vào Internet Explorer.

Dù thừa nhận HTML5 là một thách thức và việc các thiết bị được người dùng ưa chuộng như iPhone không hỗ trợ sẽ làm giảm vai trò của Flash, CEO Shantanu Naranyen của Adobe tin phải mất nhiều năm nữa, HTML5 mới có thể được chuẩn hóa trên một loạt trình duyệt. Chưa kể, Flash đã quá quen thuộc với người dùng và Adobe khẳng định họ "cũng sẽ thay đổi" để Flash và HTML5 tương thích nhau.

Lê Nguyên


Chuyên cung cấp các dich vu thiet ke website – thiet ke web tất cả nằm tại cong ty thiet ke website

CSS3 Background Hình ảnh

Hình nền / kết cấu đang được sử dụng và thực hiện bằng nhiều cách, thường xuyên bổ sung thêm lo mọi việc đẹp nhất của một trang web. Nó bây giờ là năm CSS3, chúng ta có thể áp dụng các kích thước hình ảnh nền cũng như sử dụng nhiều hình ảnh nền.

CSS3 nền có kích thước là văn bản nền có kích thước : APX BPX
; - APX = x-trục (chiều rộng
) - BPX = y-trục (chiều cao )

Background-Kích thước

Bảng điều khiển này là sử dụng 270 500 hình ảnh pixel gọn nhẹ 100 x 200 pixel.

1. Hình ảnh nền CSS3 (Size)
2. # My_CSS3_id {
3. background : url (image_1.extention) dưới cùng bên phải không lặp lại ;
4. Moz-background-kích thước : 100px 200px ;
5. -O-kích thước : 100px 200px ;
6. Webkit-background-kích thước : 100px 200px ;
7. }

Một ví dụ cho những người trên các trình duyệt thay thế, không nhìn thấy hiệu ứng hình ảnh nền ...

Nhiều nền hình ảnh

Áp dụng nhiều hình ảnh nền trong CSS3 là khá dễ dàng, bằng cách sử dụng một dấu phẩy với các tài sản nền tảng tiêu chuẩn.

Ví dụ nền : url (image_1.extention) trên cùng bên phải không lặp lại , url (image_2.extention) dưới cùng bên phải không lặp lại ;

Bảng điều khiển này sử dụng ba hình ảnh riêng biệt trong nền tảng của nó.

1. Hình ảnh nền CSS3 (Nhiều)
2. # My_CSS3_id {
3. nền : trên url (image_1.extention) để lại không lặp lại , dưới url (image_2.extention) bên trái không lặp lại , url (image_3.extention) dưới cùng bên phải không lặp lại ;
4. }

Một ví dụ cho những người trên các trình duyệt thay thế, không nhìn thấy hiệu ứng hình ảnh nền ...

Công ty thiet ke web – thiet ke web gia re – thiet ke web luôn cập nhật các thông tin mới nhất về chuẩn thiết kế của thế giới.

Thiết kế Website

Thiết kế website chuyên nghiệp và phát triển đòi hỏi nhiều hơn so với bố trí hào nhoáng và kỹ năng mã hóa HTML. Nó có một sự hiểu biết về nguyên tắc thiết kế tinh vi, kết hợp nghiên cứu khả năng sử dụng và các công nghệ tiên tiến phát triển web có thể trợ giúp công ty của bạn cung cấp cho khách hàng hiện tại và tiềm năng. Một trang web được thiết kế chuyên nghiệp sẽ tăng cường sự hiện diện trực tuyến của bạn bằng cách xác định rõ danh tính doanh nghiệp của bạn. Websoft Việt Nam là một trang web công ty thiết kế chuyên nghiệp mà là viết tắt của chất lượng, phát triển trang web sạch, tính tương thích, và thiết kế nổi bật. Trang web Quy trình thiết kế của chúng tôi bao gồm nhiều giai đoạn có thể trợ giúp chúng tôi cung cấp một sản phẩm có chất lượng cho bạn, khách hàng của chúng tôi. Thiết kế website có thể được đơn giản hay phức tạp, nhưng trong cả hai trường hợp, nó có thể được thực hiện tốt hoặc rất, rất tồi tệ. Trang web đơn giản có thể tìm dễ dàng để làm, nhưng giữ một cái gì đó sạch sẽ và chuyên nghiệp đòi hỏi một nền tảng vững chắc trong các nguyên tắc thiết kế đồ họa, cũng như kinh nghiệm trong việc tạo ra các trang web. Một khi đã có một thời gian, internet là một nơi bất cứ ai có thể giật gân lên một loạt các văn bản và một vài bức ảnh trông giống như một cầu thủ nghiêm trọng. Bây giờ, người dùng có phức tạp hơn, kỳ vọng đã tăng lên, và thiết kế web chuyên nghiệp đã trở thành tiêu chuẩn tối thiểu. Websoft Việt Nam có nhiều kinh nghiệm đáng kể trong thiết kế trang web. Chúng tôi đã thiết kế các trang web cho khách hàng trong khách sạn, chuyến du lịch, giáo dục, bất động sản, pháp luật, ngân hàng, và chính phủ. Chúng tôi đã tạo ra trang web để thu hút sinh viên đại học, chúng tôi đã thiết kế trang web đã trấn an những người ủng hộ tài chính cao cấp. Chúng tôi đã kêu gọi các cử tri tiềm năng, các nhà tài trợ , và khách hàng thiết kế của chúng tôi có thể làm cho giao diện người lớn ít, các công ty eo biển-pha dường như vui vẻ, và các nhóm đấu tranh có vẻ tự tin. Quan trọng hơn, chúng tôi có được một cảm giác ra, một bầu không khí cho các doanh nghiệp được nhìn thấy chủ yếu là trực tuyến Tạo một trang web cho một khách hàng từ đầu liên quan đến một loạt các kỹ năng và dịch vụ, tất cả chúng tôi cung cấp. Chúng ta đang ở tốt nhất của chúng tôi khi tất cả mọi thứ trong tay của chúng tôi, nhưng chúng tôi đã làm việc với khách hàng, những người chỉ muốn một số các dịch vụ này, sử dụng trong nhà hoặc các nhà cung cấp bên thứ ba để hoàn thành phần còn lại. Các dịch vụ liên quan đến trong việc tạo ra các một trang web mới bao gồm: - Website / Tư vấn phát triển chiến lược - Thông tin Kiến trúc - Nội dung phát triển / Copywriting - Thiết kế đồ họa - Thiết kế Logo - Search Engine Optimization - Nội dung quản lý - bảo trì trang web - Giải pháp bảo mật


Thiet ke web – thiet ke website – thiet ke web chuyên cung cấp các sản phẩm website chuẩn quốc tế …

CSS3 Tiêu đề đổ bóng

Like with the box-shadow effect, we can apply shadows to text using CSS3.

HELLO CSS3 WORLD!

To create a shadow in text, the CSS is written text-shadow: Apx Bpx Cpx #XXX;
- Apx = x-axis
- Bpx = y-axis
- Cpx = cast length / feathering
- #XXX = colour as usual

The above header uses the following CSS 3

CSS3 Text Shadow (Single)
.my_CSS3_class {
  text-shadow: 2px 2px 7px #111;
  font-size: 3.2em;
  color: #f5f5f5;
}
HELLO CSS3 WORLD!
The above header uses the following CSS 3

CSS3 Text Shadow (Multiple)
.my_CSS3_class {
  text-shadow: 0px -11px 10px #C60, 0px -3px 9px #FF0;
  font-size: 3.2em;
  color: #fff;
  text-align: center;
  padding: 10px 0px 5px 0px;
  background: #151515;
}

Chương trình XWebDesignor

Bạn muốn thiết kế website cho riêng mình nhưng bạn lại chưa có kiến thức về lập trình. Bài này xin giới thiệu với bạn một chương trình hỗ trợ thiết kế web mà không cần biết html, css.

Bạn không hiểu gì về lập trình, XWebdesignor sẽ dành cho bạn. XWebDesignor là một ứng dụng hữu ích giúp bạn chỉnh sửa các trang web dễ sử dụng.

Bạn có thể tạo ra các trang web và các album ảnh mà không cần bất kỳ kiến thức đặc biệt trong lĩnh vực đồ họa lập trình hay máy tính. Bạn cũng có thể nhanh chóng tạo ra các blog, các menu động, nút bấm…hay tuỳ chỉnh trang web bằng cách thêm vào các menu, hiệu ứng hình ảnh, hình thức ….

Chúng tôi chuyên web design – thiet ke web và hướng dẫn tận tình để khách hàng có thể làm chủ website của chính mình

Tăng cường tiến bộ với CSS 3: Một kinh nghiệm tốt hơn cho các trình duyệt hiện đại

Giới thiệu

Các phiên bản mới nhất của trình duyệt tiên tiến (như Safari 3 và Opera 9.5) thực hiện một số tờ khai trang trí từ các đặc điểm kỹ thuật được đề nghị CSS 3. Opacity, bóng và hiệu ứng hổ vằn đang có sẵn mà không cần sử dụng JavaScript, mã phía máy chủ hoặc đánh dấu thêm. Nhưng với một số trình duyệt cũ vẫn còn sử dụng hàng ngày, nó có thể được một chút bực bội khi nghĩ rằng bạn có thể không có cơ hội sử dụng chúng cho một vài năm.

Trong bài viết này tôi sẽ xem xét làm thế nào bạn có thể sử dụng các kỹ thuật cải thiện duyên dáng (hoặc, tiến bộ) để làm cho việc sử dụng của CSS3 các tính năng trong các trình duyệt có hỗ trợ chúng, trong khi đảm bảo rằng mã của bạn vẫn sẽ cung cấp một trải nghiệm người dùng thỏa đáng trong các trình duyệt cũ không hỗ trợ các tính năng đó.

Các mã đầy đủ cho các ví dụ đặc trưng trong bài viết này có thể được tìm thấy ở đây.

Tăng cường tiến bộ là gì?

Để hiểu được khái niệm của việc tăng cường tiến bộ, trước tiên bạn cần phải hiểu phương pháp suy thoái duyên dáng, được tóm tắt độc đáo bằng cách trích dẫn nội dung bài viết sau đây:

Graceful suy thoái có nghĩa là trang web của bạn tiếp tục hoạt động ngay cả khi xem với ít hơn phần mềm tối ưu, trong đó các hiệu ứng tiên tiến không làm việc.

Dịch tư duy, Peter-Paul Koch

Graceful nâng cao phương pháp tiếp cận phương pháp tương tự từ hướng ngược lại, thay vì cung cấp các trạng thái dự phòng để đảm bảo các trang web hoạt động trên ít hơn so với phần mềm tối ưu, chúng tôi tận dụng lợi thế của các tính năng trong phần mềm mới hơn để cung cấp một kinh nghiệm nâng cao, trong khi đảm bảo rằng các nhà nước cơ bản vẫn hoạt động trên các thiết bị cũ. Đây là, tất nhiên, cách lý tưởng để thực hiện CSS mới 3 tờ khai.

Một ví dụ

Đối với ví dụ này, tôi sẽ xây dựng một trình đơn menu đơn giản mà sẽ xem xét một chút đẹp hơn tùy thuộc vào sự hỗ trợ CSS trong trình duyệt ưa thích của bạn.

Tôi chú ý là trong ví dụ này tôi đang sử dụng không có đồ họa, không có hack, và trình duyệt cụ thể không có tiền tố, tất cả những cải tiến đang sử dụng ổn định, tờ khai thực hiện. Có nói rằng, một số những lựa chọn mà tôi đã thực hiện được cụ thể cho các mục đích ví dụ, và có thể không được thực hành tốt nhất cho các trang web sản xuất.

Các đánh dấu

Tôi bắt đầu với một đơn giản không có thứ tự dựa trên danh sách điều hướng menu, trong sang trọng :

< ul >  
< li > < a  href = "" > Lorem Ipsum </ a > </ li > 
< li > < a  href = "" > Lorem Ipsum </ a > </ li >  
< li > < a  href = "" > Lorem Ipsum </ a > </ li >  
< li > < a  href = "" > Lorem Ipsum </ a > </ li >  
< li > < a  href = "" > Lorem Ipsum </ a > < / li >  
</ ul

Phong cách cơ bản

Tôi sẽ áp dụng một phong cách cơ bản sử dụng chỉ đơn giản chọn hậu duệ. Điều này sẽ áp dụng một biên giới cho từng hạng mục danh sách, và thay đổi nền tảng về mouseover. Điều này nên làm việc trong các trình duyệt đồ họa được thực hiện trong năm hoặc sáu năm qua (và có lẽ thậm chí trở lên).

CSS cho điều này là đơn giản:

ul  {
 background-color : màu xanh ;  
biên giới-dưới cùng : 1 px chấm # 999 ;   
danh sách theo phong cách : không ;  
lợi nhuận : 15 px ;   
chiều rộng : 150 px ;   
}

li  { 
 : # fff ; biên giới : 1 px chấm # 999 ; cửa dưới chiều rộng : 0 ; phông chữ : 1,2 em / 1,333 Verdana, Arial, sans-serif ; }  
  
  
  
 
 
li  a  { 
 color : black ;  
hiển thị : block ;  
chiều cao : 100 % ;   
padding : 0,25 em 0 ;   
text-align : trung tâm ,  
trang trí văn bản : không  
; } 

li  a : hover  { background-color : # efefef ;   }

Các kỳ quặc duy nhất bạn có thể nhận thấy là nền màu xanh trên <ul>, điều này sẽ được giải thích sau. Với những phong cách này, chúng tôi có một hình cơ bản sẽ hiển thị trong IE6 như thể hiện trong hình 1.

Hình 1: xuất hiện ban đầu này sẽ hiển thị trong IE6 và các trình duyệt cũ hơn.

Áp dụng những cải tiến

IE7 là người đầu tiên của loạt của các trình duyệt IE để hỗ trợ tất cả các chọn thuộc tính CSS 2.1, cũng được thực hiện trong khá nhiều mỗi bản phát hành trình duyệt khác. Chúng ta có thể sử dụng một trong những bộ chọn trẻ em để bắt đầu quá trình nâng cao. IE6 không hỗ trợ bộ chọn con, nó sẽ bỏ qua các quy tắc sau đây:

body > ul  { cửa chiều rộng : 0 ;   } 

li ul > { 
 biên giới : 1 px rắn # fff ; biên độ rộng : 1 px 0 0 0 ; }   
    
 

li > a  { 
 background-color : # 666 ;   
màu sắc : trắng ;  
font-trọng lượng : in đậm ;  
} 

li : đầu tiên - con   { màu : màu vàng ;  } 

li > a : hover  { background-color : # 999 ;   }

Với những quy tắc được thêm vào CSS, danh sách bây giờ trông giống như hình 2:

Hình 2: Danh sách này có nền màu và văn bản táo bạo hơn, và liên kết đầu tiên được đánh dấu trong một màu sắc khác nhau.

IE7, Firefox, Safari và Opera, tất cả các màn hình hiển thị như thế này.

Thêm chú trọng hơn nữa

Bước tiếp theo là để thêm sự nhấn mạnh nhiều hơn một chút, bằng cách sử dụng một tài sản mà IE không nhận ra: Opacity. Chúng tôi không cần phải sử dụng bất kỳ chọn đặc biệt cho điều này, IE chỉ đơn giản là sẽ bỏ qua bất kỳ tính chất nó không hỗ trợ:

li  { opacity : 0.9 ;   } 

li : hover  { opacity : 1 ;   }

Hình 3 cho thấy tài sản này làm việc trong Opera, bạn có thể thấy rằng danh sách các mục thừa hưởng một màu xanh từ nền tảng về các <ul>. Mouseover, mỗi phần tử trở nên hoàn toàn mờ đục.

Hình 3: Bổ sung thêm độ trong suốt ví dụ của chúng tôi.

, Tất nhiên bạn có thể sử dụng tài sản của IE lọc để đạt được tác dụng tương tự trong IE. Theo mục đích của hướng dẫn, tôi sẽ dính vào tiêu chuẩn CSS, như bộ lọc không phải là tiêu chuẩn do đó nó sẽ không xác nhận.

Firefox 2 hỗ trợ độ mờ đục, nhưng với các trình duyệt gần đây, chúng ta có thể đi xa hơn nữa. Với Safari và Opera, chúng tôi có thể trang trí văn bản và gợi ý ở độ sâu bằng cách sử dụng các văn bản bóng tài sản :

li a: hover {text-shadow: 2px 2px 4px # 333;}

Như hình 4 cho thấy, yếu tố moused giao có được một cái bóng nhỏ và dường như nổi bật từ trang hơi.

Hình 4: Bổ sung thêm bóng văn bản với CSS3.

Cuối cùng, chúng ta có thể tận dụng lợi thế của Opera hỗ trợ đầy đủ cho CSS 3 chọn và thêm một lớp nữa của việc tăng cường màu nền xen kẽ bằng cách sử dụng thứ n con chọn:

li : thứ n-con (2n +1)   { background-color : # 333 ;   } 

li : thứ n con (n)  a : hover  { 
 background-color : # aaa ;   
màu : # 000 ;   
} 

Li : đầu tiên trẻ em > a : hover  { color : màu vàng ;  }

Hình 5 cho thấy trình đơn vằn của Opera.

Hình 5: Một trình đơn vằn, tạo ra bằng cách sử dụng thứ n con.

Kết quả và tóm tắt

Hình 6 là một so sánh side-by-side cách đánh dấu ban đầu được xem trong IE6, IE7, Firefox, Safari và Opera, sau khi áp dụng các quy tắc CSS được sử dụng trong bài viết này. Như bạn có thể thấy, trình duyệt hỗ trợ CSS trở nên tinh vi hơn, menu trở nên phong cách và phức tạp hơn, và sử dụng tăng cường tiến bộ, menu vẫn có thể sử dụng ngay cả trong các trình duyệt sáu tuổi.

Hình 6: Kết quả trong IE6, IE7, Opera và Firefox.

Tất nhiên, nhiều trình duyệt có một vô số đặc tính khác mà tôi đã không được sử dụng ở đây nhưng có thể dễ dàng được thực hiện, ví dụ như RGBA màu sắc và SVG như hình ảnh nền. Opera 9.5 vẫn chỉ phát hành trước tại thời điểm này, vì vậy những người hiểu biết những gì khác là để đi?

thiet ke web – thiet ke web gia re – thiet ke web cung cấp các trang web theo chuản quốc tế

Hiển thị Photo Album với Jquery MicroGallery

MicroGallery jQuery Plugin được xây dựng từ một nhóm các hình ảnh với một vài tùy chọn. Nó cho phép chuyển đổi giữa các hình, xem hình ảnh một cái hiệu quả nhất. Chủ yếu là các plugin tiết kiệm không gian của bạn trong trang web.

Công ty chuyên thiet ke website – thiet ke web – cong ty thiet ke web cho các doanh nghiệpv à các cửa hàng tư nhân

Html5 trở ngại tiềm ẩn cho Adobe Flash trong tương lai

Có lẽ trong tương lai là sự thử thách đối thực sự với Adobe, ngai vàng của Adobe đang bị lung lay và đó sẽ là năm quyết định cho Adobe trong con đường phát triển sắp tới.
HTML 5 ra đời hỗ trợ video audio player built in, hỗ trợ animation, effect đơn giản có khả năng làm mất thị phần media của flash.

Cùng lúc đó Google Youtube đang ngấp nghé ra phiên bản video player beta dùng html5 http://www.youtube.com/html5, chơi video mà không cần flash player (Google từ lâu đã có ý đinh loại trừ flash trong các sản phẩm của hãng khi không dùng flash cho Google Docs, Google maps . . . Điều này cũng dễ hiểu vì Google là công ty đi đầu phong trào mã nguồn mở và chuẩn hóa web). Cần nói thêm Google Youtube được coi là đại diện tiêu biểu, đã từ lâu giúp Adobe chứng minh và quảng bá cho công nghệ video trên Flash.

Google đang phát triển Open Web là thư viện API cho các RIA chỉ với code html và js đã được áp dụng cho Google Docs. WebGL trong html5 cũng đang được Google quảng bá rộng rãi, đó là một thư viện API javascript hỗ trợ đồ họa 3D, sử dụng hiệu quả phần cứng card 3D mà trình duyệt không cần cài bất kỳ plugin nào, chỉ cần support html5.

HTML 5 vẫn không đưa thẻ embed của Adobe Flash thành một chuẩn và có thể không bao giờ HTML  làm được điều đó khi Adobe Flash không mở và thuộc về một hãng sản xuất độc quyền. Adobe không thể ngồi vào bàn hợp với các thành viên W3C về mã nguồn của họ và không thể cho công ty khác tham gia sửa đổi sản phẩm thương mại của họ (mặc khác họ không thể tự ý sửa đổi, nâng cấp khi flash trở thành chuẩn),  đó là quy tắc. Adobe là một trong những công ty bị buộc tội là vật cản trong xu hướng chuẩn hóa web tương lai (dù đó có là sự thật nhưng tôi thực sự iu flash, bị thuyết phúc những gì mà flash có thể làm đc và mong Adobe có giải pháp dung hòa vấn đề này).

-HTML 5 đang tiến tới hủy diệt kỹ thuật plug-in bằng hỗ trợ kỹ thuật build-in, chuẩn hóa các tính năng cần thiết của browser để các nhà sản xuất ra build-in. Plug-in mã nguồn mỡ và không được kiểm soát chặt chẽ đã làm ảnh hưởng đến ứng dụng chính, điều này dễ thấy khi firefox của bạn cài quá nhiều plugin không được optimize, nó sẽ bắt đầu chậm khi khởi động và vận hành. Build-in cho phép nhà sản xuất kiểm soát được chất lượng và sử dụng hiệu quả tính năng có sẵn trong core. Tất cả đều quy thành chuẩn nên dù có build-in nhưng vẫn mở. Flash từ ngày đầu tới nay vẫn chỉ là một plugin của trình duyệt, thậm chí là một plugin có thể gây crash browser và bản thân Flasher cũng chưa bao giờ dám đảm bảo tính ổn định 100% của nó khi cross-browse, cross platform.

HTLM5 - VIDEO GAME DEMO ON YOUTUBE


Lời kết:

HTML 5, Apple, Youtube sẽ không thể giết chết Flash bởi vì  những tính năng mạnh mẽ của Flash ( HTM5 sẽ mất rất lâu mới may ra theo kịp được Flash, nhưng chúng ta cũng nhớ truyện ngụ ngôn “Thỏ và rùa”) Adobe có thể mất một thị phần khá lớn mà từ lâu vẫn nắm giữ. Flash chỉ có thể chết khi tự giết mình nếu không tích cực cải tiến và hòa nhập với xu hướng chung của thời đại chuẩn hóa web.

Sưu tầm từ Internet

Chuyên cung cấp các sản phẩm thiet ke web – thiet ke website – thiet ke web theo chuẩn quốc tế

HTML 5 - Tương lai web

HTML5 cho phép tạo ra các trang web có thể hoạt động tốt trên nhiều trình duyệt khác nhau của bất kỳ thiết bị nào. Không những vậy, HTML5 còn đem đến cho người dùng những trải nghiệm về tốc độ truy cập web nhanh hơn, tốt hơn, tài nguyên phong phú hơn.
Hiện nay, công nghệ dành cho thiết bị di động ngày càng phát triển. Nếu như trước đây, bạn phải dùng chiếc máy tính để bàn (MTĐB) cồng kềnh cùng trình duyệt web IE (Internet Explorer) để lướt web, thì giờ đây với máy tính xách tay (MTXT), điện thoại thông minh (ĐTTM) cùng rất nhiều trình duyệt khác (Firefox, Opera…) bạn có thể dễ dàng lướt “net” ở bất kỳ đâu. Tuy nhiên với các thiết bị, trình duyệt web khác nhau, nội dung hiển thị trên màn hình sẽ khác nhau. Chẳng hạn, trên máy tính bạn xem trang web này rất tốt, nhưng trên ĐTTM thì giao diện và cấu trúc trang bị xáo trộn. Hay bạn có thể xem phim rất tốt với IE nhưng với Firefox thì không.

Vậy giải pháp nào để người dùng có thể sử dụng bất kỳ trình duyệt trên bất kỳ thiết bị nào cũng có thể xem được đầy đủ, trọn vẹn nội dung, thông tin trên internet.
HTML5 cho phép nhà phát triển, lập trình web tạo ra các trang web có thể hoạt động tốt trên nhiều trình duyệt khác nhau của bất kỳ thiết bị nào – từ MTĐB, MTXT cho đến ĐTTM. Không những vậy, HTML5 còn đem đến cho người dùng những trải nghiệm về tốc độ truy cập web nhanh hơn, tốt hơn, tài nguyên phong phú hơn.

Một số phần tử mới

HTML5 vẫn giữ lại các cấu trúc cơ bản như <HEADER>, <FOOTER>, nhưng được bổ sung các phần tử mới, chẳng hạn <CANVAS>, <AUDIO>.

Các phần tử trong cấu trúc mới

• <HEADER>: chứa thông tin giới thiệu của một phần hay một trang hoặc bất cứ thông tin gì của tiêu đề tài liệu hay tiêu đề nội dung của một bảng.

• <NAV>: chứa đường liên kết đến trang khác hoặc phần khác trên cùng trang, không nhất thiết chứa tất cả liên kết, chỉ cần đường chuyển hướng chính.

• <SECTION>: đại diện cho một phần tài liệu hay ứng dụng, cách thức hoạt động tương tự <DIV>.
• <ARTICLE>: đại diện một phần của trang, có thể đứng độc lập, chẳng hạn blog post, forum entry… hay bất kỳ thành phần nội dung đứng độc lập nào.

• <ASIDE>: đại diện cho nội dung có liên quan đến phần tài liệu chính hay các đoạn trích dẫn.

• <FOOTER>: đánh dấu không chỉ cuối trang hiện hành mà còn mỗi phần có trong trang. Vì vậy, <FOOTER> có thể dùng nhiều lần trong một trang.

Hình bên dưới sẽ giúp bạn thấy rõ hơn cấu trúc mới:



<HEADER>, <FOOTER> không chỉ đại diện cho phần đầu, phần cuối của trang hiện hành, mà còn là đại diện phần đầu, phần cuối của một phần tài liệu, hơn nữa, bạn có thể dùng <THEAD>, <TFOOT> trong các bảng dữ liệu. Việc sử dụng cấu trúc với các phần tử mới này giúp việc lập trình thuận tiện hơn.

Một số đặc điểm mới

Với sự đóng góp, cải tiến của các nhà phát triển trình duyệt như Google (trình duyệt Chrome), Apple (Safari), Mozilla (Firefox),…; HTML5 giờ đây đang dần hoàn thiện và có nhiều đặc tính khá tinh tế:

Lưu trữ ngoại tuyến (offline): cho phép lưu trữ dữ liệu liên tục hay từng phần mà không cần cài đặt tính năng bổ sung (plug-in), tương tự như Google Gears.

Miền vẽ (canvas drawing) cho phép tương tác trực tiếp với hình ảnh, biểu đồ, các đối tượng trong game (game component) thông qua các mã lập trình và tương tác người dùng – không cần Flash hay các plug-in.

Truyền nhận hình ảnh (video) và âm thanh (audio) trung thực: hiện đang trong quá trình hoàn thiện và thống nhất các chuẩn định dạng. Đến một ngày nào đó, YouTube và Pandora có thể sẽ không cần đến Flash nhưng vẫn đem đến cho bạn những đoạn video, âm thanh hấp dẫn.

Định vị người dùng (geolocation): HTML5 có thể giúp xác định vị trí của bạn và dùng nó để thực hiện cho một công việc nào đó, chẳng hạn phục vụ cho các kết quả tìm kiếm, cập nhật Twitter hay dùng cho các thiết bị định vị. HTML5 không giới hạn API của nhà cung cấp hay công cụ trình duyệt nào.

Mẫu nhập thông minh (smarter form): hộp tìm kiếm, dòng nhập thông tin, vùng thông tin hợp lệ… sẽ được kiểm soát tốt hơn, ít gây phiền toái cho người dùng khi họ điền thông tin, dữ liệu.

Tiếp cận các ứng dụng web dễ dàng (web application focus): chẳng hạn như việc xây dựng các trang wiki, công cụ kéo thả, bảng thảo luận, chat thời gian thực. Việc thực hiện các ứng dụng này sẽ nhanh chóng hơn và chúng có thể làm việc như nhau trên các trình duyệt.

Lợi ích mà HTML5 đem lại

Lợi ích to lớn nhất mà HTML5 đem lại là khả năng hỗ trợ API (Application Programming Interface - giao diện lập trình ứng dụng) và DOM (Document Object Model – mô hình đối tượng tài liệu hay cây cấu trúc dữ liệu).

HTML5 cho phép mở rộng dễ dàng với API. Điều này sẽ giúp các nhà phát triển tự do hơn trong việc sáng tạo các ứng dụng thân thiện hơn với người dùng khi mà họ còn lệ thuộc vào nền tảng Flash - lưu trữ dữ liệu và trình diễn ảnh động. Cùng với việc hỗ trợ bộ nhớ ứng dụng (application cache) và khả năng offline, HTML5 sẽ mở ra nhiều cơ hội tương lai cho các ứng dụng web. Khả năng offline có thể hình dung như việc Thunderbird, Outlook cho phép bạn kiểm tra email ngay cả khi bạn làm việc offline nhưng với HTML5 bạn sẽ thực hiện điều này qua trình duyệt. Đây là cầu nối quan trọng để mối “lương duyên” giữa máy tính cá nhân và môi trường web sớm hiện thực hơn. Google Gears cho chúng ta khả năng lưu trữ dữ liệu offline, Flash đem đến cho người dùng những trải nghiệm về sức mạnh của bộ nhớ ứng dụng (Pandora dùng nó để lưu trữ thông tin người dùng). Với HTML5, những khả năng này hiện đã sẵn sàng và có thể dễ dàng mở rộng với JavaScript.

Một lợi ích nữa, với HTML5, nhà phát triển chỉ cần lập trình một lần là có thể dùng được trên nhiều hệ thống, không như Flash hay các plug-in khác luôn cần có nhiều phiên bản khác nhau dành cho mỗi nền tảng.

Mặc dù Flash, SilverLight… vẫn là các plug-in đang hoạt động tốt, nhưng các nhà phát triển vẫn ra sức ủng hộ HTML5. Đơn giản vì: thứ nhất, tuy Flash hoạt động tốt nhưng đôi khi nó gây ra hiện tượng rò bộ nhớ (memory leak) hay làm nghẽn hệ thống (crash); thứ hai, HTML5 giúp tập trung, quản lý các phần tử tương tác trên trang web một cách tự nhiên, dựa vào các đoạn mã; thứ 3, HTML5 giúp JavaScipt hiện thực dễ dàng hơn. Một điểm nữa cho HTML5 là khả năng hỗ trợ nhà lập trình chuyển đổi từ XHTML.

Một khi có nhiều trình duyệt và nhiều nhà phát triển hỗ trợ các chuẩn tương tác video, audio của HTML5, thì ý tưởng về một cửa hàng cung cấp ứng dụng dùng được trên nhiều thiết bị, nền tảng – ĐTTM, MTĐB, MTXT, Windows, Mac, Linux – sẽ trở thành hiện thực.

Ứng dụng

HTML5 hiện đang được sử dụng trên một số điện thoại có trình duyệt nền tảng Webkit như Palm Pre, iPhone 3Gs, Google Android. Gần đây, Google cũng đã tích hợp sẵn HTML5 vào Wave nhằm xây dựng ứng dụng tất cả trong một từ blog, wiki, IM (instant messaging), e-mail cho đến giao tiếp đồng bộ. Trình duyệt Firefox 3.5 cũng đã hỗ trợ HTML5 với các thẻ <VIDEO> và <AUDIO>, theo định dạng .ogg.

HTML5 vẫn đang còn là bản dự thảo, nhưng với sự hỗ trợ mạnh mẽ từ các nhà phát triển trình duyệt Google, Apple, Mozilla… thì nó có khả năng “khuynh đảo” thị trường ứng dụng web, và sớm trở thành chuẩn web chính thức. Một số trình duyệt có hỗ trợ HTML5 (tùy mức độ): Firefox, Chrome, Safari, Opera.

Tuấn Trần (Tổng hợp)

Chuyên cung cấp các dịch vụ thiet ke web, web design….