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 websitethiet ke web tất cả nằm tại cong ty thiet ke website

CSS3 Background Hình ảnh


CSS3 nhiều nền hình ảnh kích thước
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 webthiet ke web gia rethiet 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 webthiet ke websitethiet 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 designthiet 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.
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.
Phong cách đường cơ sở của chúng tôi, được thiết kế để làm việc trong các trình duyệt cũ hơn
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:
Tăng cường CSS phong cách đó không làm việc trong IE6
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.
Độ mờ trên mouseover
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.
Tiếp tục tăng cường với textshadow
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.
Tiger phân chia đạt được bằng cách sử dụng con thứ n
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.
Một bên kết quả bên trong các trình duyệt khác nhau
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 webthiet ke web gia rethiet 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 websitethiet ke webcong ty thiet ke web cho các doanh nghiệpv à các cửa hàng tư nhân