Phát triển Web
2012
77
www.izwebz.com Demon Warlock
Media Queries
CSS 3 vẫn hổ trợ đầy đủ media type từ CSS2.1 như screen, print, handheld, và đã bổ sung khá
nhiều khai báo mới như max-width, device-width, orientation, color. Mai mắn thay những thiết
bị chạy android, ipad đều không sử dụng trình duyệt IE!!! nên bạn an tâm khi sử dụng những
thuộc tính css 3.
<link
rel="stylesheet" media="screen and (max-width: 600px)" type="text/css"
href="shetland.css"
/>
Ẩn hoặc hiển thị nội dung
Rõ ràng việc chỉ hiển thị những nội dung thật sự cần thiết trên những thiết bị có kích thước nhỏ
là cần thiết, kinh nghiệm cho thấy trên các thiết bị di động bạn chỉ nên có một thanh navigation
đơn giản, nhấn mạnh nội dung, xem dạng list niều dòng tốt hơn là chia thành nhiều cột
Touchescreen vs. Cursors
màn hình cảm ứng ngày càng phổ biến. Những thiết bị có màn hình cảm ứng thường có kích
thước nhỏ, rõ ràng bạn phải thấy được rằng việc tương tác qua ngón tay cần một khoản không
gian lớn hơn như khi dùng chuột, màn hình cảm ứng cũng chẳng hề có trạng thái hover khi gì
bạn chỉ có chạm và chạm
