Sunday, November 8, 2015
Thiết
kế website di dộng với CSS3 và HTML5
Cho
đến gần đây , các trang web vẫn có thể được xây dựng với chiều rộng cố định, chẳng
hạn như 960 pixel mà các website thông thường hay thiết kế. Với cách làm đó ,
hy vọng rằng tất cả người dùng lướt web sẽ nhận được một giao diện nhất quán
khi xem trên màn hình Desktop.Chiều rộng cố định này không phải là quá rộng cho
màn hình máy tính xách tay, và người sử dụng với độ phân giải lớn màn hình chỉ
có một sự dư ra của lề hai bên.
Nhưng
bây giờ, sự xuất hiện của điện thoại thông minh. IPhone của Apple, Galaxy
Samsung đã mở ra xu hướng mới đầu tiên thực sự có thể sử dụng duyệt web trên điện
thoại smartphone, và nhiều người khác bây giờ đã theo đó.
Bắt
đầu thiết website di động với Responsive Web Design và Html 5 Css3
Không
giống như các màn hình nhỏ triển khai trình duyệt web của ngày hôm qua, mà yêu
cầu,sự khéo léo ngón tay cái của một nhà vô địch thế giới Tiddlywinks sử dụng,
người hiện naythoải mái sử dụng điện thoại của họ để duyệt Web.
Ngoài
ra, có một xu hướng tiêu dùng ngày càng tăng của việc sử dụng các thiết bị màn
hình nhỏ (máy tính bảng và netbook, ví dụ) là việc ưu tiên , với việc thể hiện
nội dung đầy đủ , mỹ thuật toàn màn hình cho người dung trãi nghiệm đọc báo, lướt
web, hay giải trí tại nhà.
Thực
tế không thể chối cãi là số lượng người sử dụng các thiết bị màn hình nhỏ hơn đểxem
Internet đang phát triển với một tốc độ ngày càng tăng, trong khi các thiết bị
di động với màn hình hiển thị phong phú từ, 27, 30, 40, 42, 47, 50, 6.3 inch
màn hình hiện nay cũng phổ biến. Bây giờ có một sự khác biệt lớn hơn giữa các
màn hình nhỏ lướt Web và nhu cầu đó lớn nhất bao giờ hết.
Rất
may, có một giải pháp này trình duyệt ngày càng mở rộng và hình thái thiết bị
đa dạng phong phú.Một thiết kế web đáp ứng hỗ trợ đa giao diện di động(Responsive
Web Design), được xây dựng với các công nghệ HTML5 và CSS3, cho phép một trang
web để 'chỉ làm việc "trên nhiều thiết bị và màn hình. Và phần tốt nhất là
các kỹ thuật .tất cả đều được thực hiện mà không cần các giải pháp dựa trên máy
chủ / phụ trợ.
