Reputation: 413

How I can make mobile version of my website which will work in android , iphone,ipad?

I want to replicate a site for it's mobile version. The site have slider , simply header,footer and dropdown.

Are we able to make exact thing for mobile ( in my case I am talking about slider and drop-down made in jQuery).

What I want is make same feeling on mobile as we have for normal site. Like I see in Video example as people shown (demonstrate) for ipad,iphone that click on menu and page slide to right and something show as new page. I don't want this.

I want to choose the existing themes and color-scheme in mobile edition.

How I can do it.

Upvotes: 0

Answers (5)

Chad Day

Reputation: 76

Instead of responsive design, you can use a DDR to tailor your content to particular mobile devices: http://wurfl.sourceforge.net

Upvotes: 1

Zach Wolf

Reputation: 629

This topic is much more complicated than simply adding a few lines of code, but here's what I can offer:

If you want separate mobile and desktop (which I would suggest against) you're going to have to do some device sniffing. The easiest way would probably be to check screen size and redirect if it's under 320px or whatever size you decide on.

This will make your page load a little slower, because you're going to have to wait for the page to parse the screen size detecting script, check to see if their screen is too small, and then redirect. That's going to take a long time on a mobile device and you're not going to make any fans because of slow load time.

Responsive design is the best solution. I think you should take a step back and consider why you want your site to split into two different sites and if you are going to have the ability to constantly maintain both.

Upvotes: 2