Responsive web design nghĩa là như thế nào ?

Responsive web design hay thiết kế web hiển thị tốt trên điện thoại smartphone nghĩa là như thế nào ?

Ví dụ:

Bạn dùng điện thoại smartphone hay máy tính bảng iPad, ... truy vập vào trang web panpic.vn hoặc website panpic.com.vn trang web sẽ tự động hiển thị theo độ phân giải kích thuốc của màn hình điện thoại. Các trang web như trên gọi là Responsive web design (thiết kế hỗ trợ nhiều độ phân giải khác nha).

Tại sao phải thiết kế Responsive web design ?

Môi trường hay thị trường sử dụng các thiết bị cầm tay như điện thoại smartphone, iPad, ..vv ngày càng tăng, hơn thế nữa từ đầu năm 2014 google đưa vào thuật toán, đánh giá cao các website có hỗ trợ hiển thị tốt trên các thiết bị cầm tay như smartphone, iPad, ..vv . Trước xu thế trên các nhà xuất bản công nghệ (sản phẩm công nghệ cả sản phẩm cứng + sản phẩm mềm), đưa ra khai niệm Responsive web design.


Làm Responsive như thế nào ?

Đây là chuyên môn của các nhà lập trình & thiết kế: về cơ bản dựa trên cấu trúc html, html5, css, css3 & các thư viên jquery (nổi bật là bootstrap). (Sẽ có bải viết chi tiết hơn với Bootstrap ở phần tiếp theo)


nhantam
Senior PHP Developer
 

VSupport

Ngây thơ trong tối
Cái này trước đây thì chưa bắt buộc, cách đây 1 tháng Google yêu cầu tất cả các website phải dùng giao diện thân thiện với mobile, Vforum cũng phải chuyển: https://vfo.vn/?styleid=21 :kid:
 
Chi tiết vấn đề responsive web design này bạn có thể đọc tại đây. Mình thấy họ viết khá chi tiết v8web.com/top-three-benefits-of-mobile-responsive-web-design/
 
Giờ tới thời mobile first rồi các anh ạ, responsive web đã qua cũng hơi lâu lâu rồi ^^!
 
Mình có biết boostrap là một công cụ hỗ làm web gì đó nhưng lại không biết dùng, bạn giả thích hộ mình được không? Cảm ơn.
 
Top