Guide to creating a mobile version of the site?

Question

HTML

Tell me what and where to read about the correct layout for mobile devices (mainly interested in iOS and Android), what features are there, pitfalls.

Answer 1

Well, in general, there are a lot of articles on the net ... Take a look at least this one .

Answer 2

Yes, in fact, the development is not much different from a regular site. And if you want to add plushies from CSS3, you can look here .
The only thing to remember is that the Android/iPhone user-agent doesn't say anything about the browser yet, as there might be some Opera without any HTML5 support.
The main pitfalls are support for older devices, but since they don’t seem to be a priority for you, then there shouldn’t be any problems.

Answer 3

There was one article , I hope it will work. It addresses the following questions:

• Creating an application icon (how to make it appear)
• Full screen mode
• Hiding the status bar
• Zoom off
• Download image (splash image)
• Screen orientation
• Get rid of elastic scroll
• Definition of iOS
• Tools, libraries

Answer 4

Not only about layout, but can be useful:
Frameworks
Building Android Apps with HTML, CSS, and JavaScript
Building iPhone Apps with HTML, CSS, and JavaScript
Tutorials for Making Your Website Mobile Friendly
Another mobile framework
and more

Answer 5

Here, read more about the main points at the design stage of the mobile version of the site pages, then look at the basic requirements and recommendations about Google and take a look at this