www.webdeveloper.com
Page 2 of 4 FirstFirst 1234 LastLast
Results 16 to 30 of 48

Thread: Designing Websites For Mobile Devices

  1. #16
    Join Date
    May 2012
    Posts
    29
    If you already have a website and you want to do is to adapt it for mobile devices you can redesign the entire site to make it fit mobile devices using responsive design. The creation of web pages adapted to mobile devices is a growing trend shared by only the 1% of all the web pages developed around the world. For that you should hire web development professional.

  2. #17
    Join Date
    Aug 2012
    Location
    cambridge uk
    Posts
    20
    the quickest way is to build on a cms platform. Ie wordpress, simply activate a plugin and there you go... Ok ok yo might need to change a few little things but on the whole it great.
    Check this one out, both desktop and mobile... This will give you some sort of idea .....

    www.cambridgemaintenancecontracts.co.uk, this is one that im currently working on.

    If you look at the desktop layout and the mobile layout you will be pushed to see the differences.
    Designer @ Gel Code Web Design Any questions ill help ... Ps im a Wordpress kinda guy

  3. #18
    Join Date
    Mar 2012
    Posts
    1,394
    Quote Originally Posted by attorneysmax View Post
    The biggest problem with mobile web design is the variation in browsers.Mobile phones are very greatly in both size and ability. http://http://www.attorneysmax.com/moreservices.htmlCommon screen sizes range from 128 x 160 to 320 x 480. Other common screen sizes are 176 x 220 and 240 x 320 but often the actual resolution will very slightly.
    I think that it is pointless designing for screens under 320px wide. They simply are not used for web browsing, and can be ignored. Indeed even 320x240 is too small for effective use, because part of the screen is taken up by the header and footer (well, it is on my Symbian phone). 320x480 seems to be the lowest screen size actually useful for web browsing. At that size, fluid design techniques can minimise the need for separate mobile and PC sites.

  4. #19
    Join Date
    Jul 2012
    Posts
    32
    Right Know I Am The Process Of Doing The Same Thing, This Is How I Am Doing, i have Javascript load the screen size to the address bar then php reads that and if is below (i think i have it set to 500px) it use mobile view unless the user selects desktop view and the opposite with the desktop, I Set a Cookie say which view it is to be if it was changed and they have 1 day until cookie is no longer valid, (i have that all set up, but this next part i haven't gotten around to making) i will have "tabs" set to width 100% in css and i will have a ratio for height and it Will say like Home, Contact Us exd... and when they click on it, it will open a section of text/images,,, as i said i use php so i run all the through cookie stuff through php and it will include the right files and that means i can set the main content to a text file (i also use that for a updater that i have made (so my client can update (in html) there website without contacting me))
    Last edited by iGeekiHackiMatt; 08-12-2012 at 11:45 AM.

  5. #20
    Join Date
    Aug 2012
    Posts
    25
    Thanks for this thread. This will help many person in understanding the difference.

  6. #21
    Join Date
    Aug 2012
    Posts
    4
    I'd agree that screen size is a probably your main concern. If you're developing for a specific site and you have access to their W3C server logs, it's possible to produce a breakdown of screen sizes across all mobile devices that access the site. There's a few open source device detection solutions out there that will let you do this. In the past I've used 51Degrees.mobi to do device detection. There's an article here that talks about using the 51Degrees device detection software to parse server logs to produce device statistics. The article only really finds out whether the device is mobile or not, but the open source version of the software is returns screen size data as well so you should be able to modify their code to get the average screen size across all devices that access your site.

    Hope this helps.

  7. #22
    Join Date
    Nov 2012
    Location
    USA
    Posts
    3
    This is really great and I would like to appreciate you for this post as mobile industry is growing and so is the web development and designing.

  8. #23
    Join Date
    Dec 2012
    Location
    USA
    Posts
    1
    Display websites for mobile phone, ipods, iPhones, tablets etc is very important as these devices are used by people while travelling, outing etc. So design mobile device website that supports on varies screen sizes of 128 x 160, 320 x 480, 176 x 220, 240 x 320.

  9. #24
    Join Date
    Mar 2012
    Posts
    1,394
    Quote Originally Posted by udaantech View Post
    Display websites for mobile phone, ipods, iPhones, tablets etc is very important as these devices are used by people while travelling, outing etc. So design mobile device website that supports on varies screen sizes of 128 x 160, 320 x 480, 176 x 220, 240 x 320.
    I disagree. Screen resolutions below 320 x 480 are of little use, and little used, on the internet. They require specialist sites which are just not worth the bother unless you are addressing a specific niche market. So if we assume that they support landscape mode, the smallest screen width you need to design for in general purpose sites is 480px. Ruling out anything below that greatly simplifies the construction and maintenance of the web pages.

  10. #25
    Join Date
    Nov 2012
    Location
    USA
    Posts
    3
    Development of websites for mobile is really very important as it plays a very crucial role. Thanks for sharing this as it is of great help to me.

    symbian application development | symbian s60

  11. #26
    Join Date
    Nov 2012
    Posts
    23
    You cannot have a fixed page size if you are designing for different devices. Mobile web development can be a little tricky or complex at times. Use a few tools and software available online to make your site or app compatible on different platforms.

  12. #27
    Join Date
    Nov 2010
    Location
    Rialto, CA
    Posts
    7
    I have been experimenting in mobile web development for the various phones, and tablets (which are many) and found the jQurey mobile provides a good framework that handles the majority of work for you. I do believe however, that if you wish a PC and Mobile site you need to develop both with the appropriate redirect to the mobile site on the PC version.

    Two good books to read for the novice are: jQuery Mobile Web Development essentials by Andy Mathews and jQuery Mobil Development and Design by Kris Hardlock.

    Good luck and have fun!

  13. #28
    Join Date
    Jan 2013
    Posts
    1
    I know a lot of this thread is talking about responsive design for the mobile web, but there is another solution to this issue. Device detection services like the one we offer at 51Degrees.mobi allow you to detect which device is browsing your website and to output a better mobile web experience. This is really helpful when designing for a few key mobile devices like the iPhone or iPad.

    You can download our lite version completely free and we also support 19 of the worlds leading CMS vendors like WordPress and Joomla!

    Hopefully this will give you more options when designing for the mobile web!

  14. #29
    Join Date
    Jan 2013
    Posts
    1
    Thanks for sharing this such a valuable and useful information. You must have researched a lot on this topic. I truly appreciate you have work.

    Minnesota Web Design|

  15. #30
    Join Date
    Feb 2013
    Posts
    11
    Web designing website is great source for mobile because mobile technology is increasing day by day.
    download webdesigning software http://www.ccolumns.com/2013/01/webdesignsoftware.html then easy learn with the help of this software.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles