All geek questions in one place

How to make a mobile site like m.yahoo.com (mobile version)?

I am new to mobile site development. I want to create a mobile site and I am very impressed (m.yahoo.com). Can someone give me an idea of ​​how I can make this type of mobile site? What technologies are needed for this type of development for a mobile site?

+6
source share
4 answers

There are many ways you can do this. But before that you need to consider some things:

  • You want to have 2 separate domains for desktops and mobile devices (for example, www.yahoo.com and m.yahoo.com).
  • What will your design look like in every perspective?

The above important decisions, as new devices (mobile / tablets, etc.) that appear on the market constantly appear. Therefore, you need to develop something that can be easily expanded in the future.

Speaking about the fact that there is one very good approach to the development of mobile sites. It’s called “Responsive Web Design” (or fluid design). Here you don’t take any measurements (width / height / padding / margin, etc.) and specify everything in% (in your CSS) This ensures that the layout will be configured in accordance with the screen on which it is viewed, and therefore is not tied to any particular device.

In addition, you also need to know about the viewport for mobile devices.

In addition, for Javascript, you can consider libraries such as jQTouch, jQuery Mobile, Sencha Touch (for more complex sites) and even basic ones such as flowplayer plugins.

Please let me know if you need more information.

+5
source

There is one drawback that you have a different domain for your mobile site from the website on your desktop / tablet. This makes it difficult to share content on the Internet. If you share a URL on a mobile site, all users accessing that URL will be shown on the mobile version, even if they open it on the desktop.

If you used django to create a desktop version of your site, you can use something like django_mobile to serve the mobile version with the same URL. It sniffs the user agent from the HTTP headers and executes the corresponding version. Some believe that this is not so reliable and prefers the previous method.

+2
source

you need to buy a separate domain for this ... and the steps are easily performed in this link steps to create a mobile network

0
source

I didn’t look at the source of yahoo, but the look reminds me of this project, http://jquerymobile.com/

0
source

Source: https://habr.com/ru/post/904586/

More articles:


All Articles