Chúng ta đã "đảo qua" về HTML và CSS. Chính xác là chúng ta chỉ mới cỡi ngụa xem hoa, hơn nữa mới "nghía" những cái rất căn bản, khó lòng theo kịp với sự phát triển quá nhanh của công nghệ.
Lúc sơ khai, chưa hề có tablet, chưa có cellphone...mọi thứ đều trên máy tính bàn, với màn hình gần như nhau.Ngày nay, với tốc độ phát triển của các thiết bị công nghệ cầm tay như: iPhone, iPad, MacBook, Laptop … Hệ điều hành rất đa dạng và phong phú như: Android, iOS, Windows...Màn hình máy tính cũng thay đổi chóng mặt. Smart TV tạo điều kiện cho chúng ta có thể lướt web ngay trên TV...
Nếu chúng ta vẫn giữ phong cách tạo website như cũ, việc duyệt web trên vô số các thiết bị khác nhau với độ phân giải màn hình khác nhau sẽ là vấn đề. Từ sự bất tiện đó mà Responsive Web Design ra đời.
Responsive là gì?
Hiểu một cách đơn giản Web Responsive là phong cách thiết kế website làm sao cho phù hợp trên tất cả các thiết bị, mọi độ phân giải màn hình.
Lợi ích rõ nhất của Responsive là trước đây, các nhà phát triển phải xây dựng ít nhất hai giao diện cho trang web. Một dành cho PC, một dành cho di động. Điều này gây tốn kém về mặt chi phí. Chưa kể trên các ứng dụng hoặc giao diện riêng, việc hiển thị dữ liệu chưa chắc đã giống nhau. Vì thế nhà phát triển có thể gặp khó khăn trong việc quản lý.
Mặc dù chúng ta không thể lường trước được kích thước của thiết bị. Nhưng với Responsive Web Design, chuyện này là hoàn toàn khả thi, với nguyên lý một mã nguồn đa giao diện, tương thích tốt trên nhiều thiết bị.
Một điều khác mà chúng ta đã thảo luận trong những ví dụ đơn giản phần trước, đó là thiết kế website theo kiểu truyền thống người ta thường lấy px(pixel) để làm đơn vi tính chiều ngang của một trang web, còn áp dụng kỹ thuật Responsive chúng ta thường lấy % để định dạng chiều rộng của website, với mục đích tối ưu và thuận tiện xử lý.
Không có nhận xét nào:
Đăng nhận xét