Responsive Web Design là gì và nó giúp ích như thế nào cho việc duyệt web trên thiết bị di động

Duy Luân
16/5/2013 13:43Phản hồi: 152
152 bình luận
Chia sẻ

Xu hướng

Web của mình http://mybb.vn
ai dùng trình duyệt vào đt vào thữ xem ổn ko nhe
Foxbit
ĐẠI BÀNG
11 năm
Một bài viết rất hay
lbrolken
ĐẠI BÀNG
11 năm
Trang Vichy mình làm cũng đang cố gắng đưa cái này vào mà chưa có ý tưởng về giao diện 😔
codart
ĐẠI BÀNG
11 năm
Phương án thiết kế rieeng 1 phiên bản dành cho dd nếu ko cẩn thận sẽ bị mấy cái search engine nó liệt vào duplicate content ngay, khá là đau đầu đấy 😁
@codart Không có chuyện đó đâu. Chỉ đơn giản server phát hiện mobile và trả về 1 template khác là xong thôi. Core & database vẫn là 1.
codart
ĐẠI BÀNG
11 năm
@debone Có lẽ bạn chưa hiểu ý mình, đây là vấn đề liên quan đến SEO. Search engine như google có thể hiểu nhầm rằng bạn ăn gian bằng cách duplicate content lên để có đc kết quả trả về khi tìm kiếm tốt hơn
@codart Mình hiểu và chính là cái mình đang nói. Google không hề "nghĩ" thế đâu. Vì chỉ đơn giản là khi request gửi tới Server thì xảy ra 2 trường hợp:
1. PC => template cuả PC
2. Mobile => Template của Mobile.

Cả 2 đều chung 1 content, chỉ khác cách dàn trang. Không thể có chuyện xảy ra duplicate content được. Và thậm chí cả 2 request cùng trả về 1 URL như nhau luôn thì càng không thể có chuyện dup content. Mình dùng phương pháp đó vẫn nhảy vào top 10 Google như thường.
codart
ĐẠI BÀNG
11 năm
@debone Ồ cách đơn giản thế mà mình ko nghĩ đến, url ko thay đổi là đc. He he
@codart Ặc, trả phí tư vấn cho tui ngay lập tức 😔
nói thiệt lúc đầu mình còn tưởng là thiết kế sao cho trang web nhạy hơn, đúng là quá ngu! ha ha
xin cám ơn bài viết hay!
hhhh1111
TÍCH CỰC
11 năm
cái này làm thì nhanh, nhưng trải nghiệm trên thiết bị nhỏ hơi khó đảm bảo, nhưng dù sao cũng đỡ vất hơn làm thêm phiên bản nữa
wingzero
ĐẠI BÀNG
11 năm
http://sinhvienplus.vn load tin vô tận (ajax), menu độc đáo, tối ưu tốc độ, chỉ do một nhóm nhỏ sv mới ra trường viết. No popup, no banner, no ads. Mình không tham gia code 1 dòng nào hết nên đừng nói là mình tự sướng. Chỉ là trước đây có dạy mấy e vài môn thôi nên cũng có chút nho nhỏ tự hào. Ai là cựu sv ĐH Nha Trang thì ủng hộ nhé.
zmazskg
ĐẠI BÀNG
11 năm
@wingzero web cũng có phong cách và ý tưởng lắm, tuy nhiên có hơi nhiều lỗi và gần như ko thể SEO được 😁
@wingzero Cách làm layout hay quá
responsive tinhte vẫn hiện thanh scroll
Hô hô trang của mình cũng thế😁 viahe.vn . Mà game hẳn hoi 😃
Mình là dân làm internet, bác nào muốn có 1 site responsive liên hệ em nhé ^^ http://www.cisoft.com.vn
ringlord
ĐẠI BÀNG
11 năm
Hay hay, dùng thử xem sao. Dg tập tành mò mẫm fần này, chac 1,2 năm nữa sẽ viết đc trang tinhte moi, hehe

Sent from my GT-N7100 using Tinhte.vn
Chẳng phải xu hướng gì cả, trước công cụ lập trình không hỗ trợ, toàn phải làm nhiều site cho nhiều thiết bị di động, giờ các bạn có thể làm trên 1 site rồi dùng CSS hoặc lập trình ngay trong code để có 1 site hiển thị theo màn hình của các thiết bị.

Cái này nếu ai làm Phần mềm chạy trên Desktop rất rõ và chuyển sang lập trình Web thì mới thấy nó thiếu.
mình muốn tìm 1 bạn nam là thành viên của tinhte, bạn ấy ở Nam Định, có lẽ là ở lối cầu đá rẽ vào...bạn ấy đeo kính cận,dùng cảm ứng LENOVO và đi balo đen có logo BEU HONDA màu cam nhỏ nhỏ ấy.......bạn có nhận ra mình không...mình biết cơ may tìm ra bạn ở đây thật sự nhỏ xíu nhưng mình muốn cố gắng, muốn bạn nhận ra mình 😔...hôm qua bạn đã ngồi cạnh mình và đọc trang này mà........
Bài viết hay & rất chi tiết. Thank Mod Duy Luân.
bnquan
ĐẠI BÀNG
11 năm
Cái này là rất cần thiết cho các website, khi mà số truy cập bằng smartphone và tablet tăng nhanh. Site giới thiệu công ty thang máy cũng mới thay giao diện như thế:
http://thangmaygiadinh.info/
ph@m.duy
TÍCH CỰC
11 năm
Hình như responsive trên Tinh Tế chưa triệt để, chỉ code cho chiều rộng nhỏ 700px, nếu 1 cái tablet có độ rộng trong khoảng 700px - 1024px thì sidebar Tinh Tế hiển thị bị mất đi 1 phần.
responsive layout, cái này rất là good đấy
<meta name="viewport" content="width=device-width, initial-scale=1" />
media="all"
media screen

Đó là tất cả những gì chúng ta cần để tạo nên một Responsive
Ở tinh tế cũng sử dụng một framework css, Tôi cũng đang dùng nhưng tự viết, domainlee.info

Sắp tới có một dự án liên quan nhiều đến mobile, Hi vọng sẽ có một bài viết về sản phẩm trên tinhte
Trang của mình xài code tích hợp của google luôn không biết có gọi là RWD không nhỉ. Có điều giao diện xấu ma chê quỷ hờn, hàng free có khác ~_~
@yuu123 Oh, trang web bạn làm đẹp phết đó, khiêm tốn quá. Bạn dùng code gì của Google vậy ?

Xu hướng

Bài mới









  • Chịu trách nhiệm nội dung: Trần Mạnh Hiệp
  • © 2024 Công ty Cổ phần MXH Tinh Tế
  • Địa chỉ: Số 70 Bà Huyện Thanh Quan, P. Võ Thị Sáu, Quận 3, TPHCM
  • Số điện thoại: 02822460095
  • MST: 0313255119
  • Giấy phép thiết lập MXH số 11/GP-BTTTT, Ký ngày: 08/01/2019