google+javascriptbanktwitter@js_bankfacebook@jsbankrss@jsbank






Common Responsive Website Design Problems Responsive website design has been around for over 2 years now and although major search engines now prefer such sites because of the associated advantages, we still have various problems that appear and that are sometimes difficult to solve.


Nhãn: responsive website design, search engines

Miễn phí web hosting 1 năm đầu tại iPage



Nếu bạn vẫn còn đang tìm kiếm một nhà cung cấp hosting đáng tin cậy, tại sao không dành chút thời gian để thử với iPage, chỉ với không quá 40.000 VNĐ/tháng, nhưng bạn sẽ được khuyến mãi kèm với quà tặng trị giá trên 10.000.0000 VNĐ nếu thanh toán cho 24 tháng ~ 900.000 VNĐ?

Có trên 1 triệu khách hàng hiện tại của iPage đã & đang hài lòng với dịch vụ, tuyệt đối chắc chắn bạn cũng sẽ hài lòng giống họ! Quan trọng hơn, khi đăng ký sử dụng web hosting tại iPage thông qua sự giới thiệu của chúng tôi, bạn sẽ được hoàn trả lại toàn bộ số tiền bạn đã sử dụng để mua web hosting tại iPage. Wow, thật tuyệt vời! Bạn không phải tốn bất kì chi phí nào mà vẫn có thể sử dụng miễn phí web hosting chất lượng cao tại iPage trong 12 tháng đầu tiên. Chỉ cần nói chúng tôi biết tài khoản của bạn sau khi đăng ký.

Nếu muốn tìm hiểu thêm về ưu / nhược điểm của iPage, bạn hãy đọc đánh giá của ChọnHostViệt.com nhé!
Thử iPage miễn phí cho năm đầu tiên NGAY

Based on discussions with different designers, we can now say that the following are the common problems that appear with this form of mobile website and they have to be addressed first.

No Static Design Phase

In order to take advantage of all that responsive design has to offer, you need to adopt a brand new design process. You do not create a static screenshot now and you rely on wireframing, CSS prototypes, quick sketches and similar design ideas.

Most designers prefer sketching and HTML work early, in order to then move towards Photoshop or Fireworks to create the assets instead of the full layout. With larger projects, wireframes should be as avoided as possible with a focus put on wireframe widgets or paper sketches.

Navigation Problems

The old design approach had navigation design as a horizontal feature, normally on a page’s top area. Nowadays, the approach should be more considered. Navigation choice strategy is a decision that is wide reaching. It has to be based on the information architecture, various design considerations and the content of the site. Make sure that you will test the navigation system on various different devices. You never know if something works everywhere if you do not try it everywhere.

Image Related Problems

In a similar way to navigation, using images in responsive website design is quite fragmented. There is no specification that is offered by W3C and this means that choosing how to implement images is normally a personal choice. There are many scripts that can help and that can be tested.

We definitely do not have an official solution that is offered for responsive images but we do have access to various options that would offer tremendous results without much code workaround. Everything should revolve around using differing pixel density display, devices and adaptive images.

Table Problems

Data tables can be problematic. This is especially true when they have to include complex information or many columns and rows. The difficulty relies in adding all the data on a small screen mobile device. Unfortunately, this is a problem that is quite hard to solve at the moment.

We should add that a common solution is to hide the data that is not too important. It is something that you should not actually consider due to various different reasons.

Converting Fixed Width Sites To Responsive Sites

This is definitely a huge issue that many think should not even exist as updating the old code is much less effective than simply creating new code. However, some clients do not take this into account. The solution to this problem is to use a template and stylesheet Greenfield rebuild. Alternatively reverse engineering can be done but it is preferred only when there is no other choice. Content structure differences can still appear.



Tác giả

Phong Thai Thái Cao Phong theo chuyên ngành phát triển, lập trình web hơn 9 năm qua, đã & đang làm việc với PHP, JavaScript, CSS. Anh ấy là sáng lập viên của JavaScriptBank.com & 9BlogTips.com - cung cấp hàng nghìn mã nguồn JavaScript miễn phí, các thủ thuật lập trình web và các hướng dẫn blog hữu ích.

Hãy theo dõi anh ta tại twitter@js_bank hoặc kết nối qua facebook@jsbank nếu bạn muốn.

DanhNgon.info - Lời hay ý đẹp dành cho cuộc sống
ChonHostViet.com - Đánh giá hosting với gói ưu đãi miễn phí 1 năm đầu

JavaScript theo ngày


Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web