Hi,
I have a website that looks ok on a smartphone (blackberry, iphone etc).
But I want to make it look like an app or make it more user friendly on the phones.
How would I begin with doing it?

Try some of these resources:
http://developer.apple.com/safari/li.../metatags.html

http://www.webassist.com/free-downlo...roadmap_15.php

http://css-tricks.com/css-media-queries/
http://www.mobilexweb.com/
http://perishablepress.com/press/200...bile-makeover/
http://www.sitepoint.com/blogs/2009/...bile-friendly/

Originally Posted by heat33

Hi,
I have a website that looks ok on a smartphone (blackberry, iphone etc).
But I want to make it look like an app or make it more user friendly on the phones.
How would I begin with doing it?

A well designed web site can display on devices very different from a conventional personal computer.Web content can be specially designed for a specific portable device. However, the target device may not be known, or may change, or resources may not available to tailor for several different devices.

While it is possible to create web pages for specific devices, a reasonable minimum screen size to aim for with general web site design is 320 x 240 pixels (known as one Quarter VGA or QVGA).

Web page formatting, such as for font, colour and positioning can be included within the web page's HTML or in an external style sheet. Using an external style sheet makes the HTML smaller and allows different CSS to be used for desktop and mobile devices.

The Opera web browser includes "Small-Screen Rendering (SSR)" feature to reformat conventional web pages for small devices (Opera 7 browser for Windows SHIFT+F11). This increases text size, reduces the space around text and reducing images. In addition it reformats vertical columns in sequence into one column.

Copy and pasting with attributing the source is bad manners

The simplest one is nice looking CSS. Here, just look at some mobile sites you like and steal their CSS. Once You have done this, you' are basically doing regular old web development, just on a small screen. You can use javascript for coding.

the information was really useful ladyynred...
thankyou

The trend in designing websites for smartphones, tablets and mobile devices is to do them in responsive web design with css media queries.

Read this excellent guide on responsive web design:

webdesignshock.com/responsive-web-design

Personally, I use the Drupal CMS to design and manage all my mobile sites. To do responsive design and achieve mobility, I use the mobile Adaptivetheme theme,

drupal.org/project/adaptivetheme

.

CSS and XHTML are commonly used for those mobile web sites now a days. The designing process shouldn't take long as graphics are minimal but coding is the challenge.

Well, same here i just designed my web site for cell phone like iphone etc and it works really friendly for our site visitors.

That is a nice idea, even there are so many sites about phone or something else, but I still think visitors always love the better one, if you can make it, more people would like yours ether.