Irish SEO,  Marketing & Webmaster Discussion

 

Web site design for mobiles

This is a discussion on Web site design for mobiles within the Webmaster Discussion forums, part of the Webmaster Help category; Been playing with both N95 and iPhone in recent days and noticing that some websites look well on both, others ...


Go Back   Irish SEO, Marketing & Webmaster Discussion > Webmaster Help > Webmaster Discussion

Register Forum Rules FAQDonate Members List Calendar Search Today's Posts Mark Forums Read


Notices

Reply

 

LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 31-03-2008, 08:23 PM
Briask's Avatar
Coder
 
Join Date: Feb 2008
Location: D'Office
Posts: 67
Nominated 1 Time in 1 Post
TOTW/F/M Award(s): 0
Briask will become famous soon enough
Default Web site design for mobiles

Been playing with both N95 and iPhone in recent days and noticing that some websites look well on both, others look quite awful.

Should a site be designed specifically for mobiles? keeping it seperate from the main online site, or should it just be dealt with through CSS?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #2 (permalink)  
Old 31-03-2008, 08:32 PM
Goodshape's Avatar
Coder
 
Join Date: Feb 2007
Location: Dublin
Posts: 59
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
Goodshape will become famous soon enough
Send a message via MSN to Goodshape Send a message via Skype™ to Goodshape
Default

Depends on the site.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3 (permalink)  
Old 31-03-2008, 08:59 PM
Hardcore Geek
 
Join Date: Nov 2006
Location: Navan, Meath
Posts: 553
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
davidbehan is a name known to alldavidbehan is a name known to alldavidbehan is a name known to alldavidbehan is a name known to alldavidbehan is a name known to alldavidbehan is a name known to all
Send a message via Skype™ to davidbehan
Default

You can load up mobile or iphone specific css files to customise the content for that medium. I've been reading up on some guidelines for iphone specific designs recently - been testing sites on my ipod touch. The iphone really can handle a normal site if it's coded properly using div's and css. No specific file needed really.

I suppose it depends on how much traffic you are getting from mobile devices.
__________________
David Behan
Web Design Ireland | Mortgages | Memorial Websites | Digital Printing
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #4 (permalink)  
Old 31-03-2008, 09:25 PM
ph3n0m's Avatar
Webmonkey
 
Join Date: Jan 2006
Location: Ireland
Posts: 297
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
ph3n0m will become famous soon enough
Send a message via AIM to ph3n0m Send a message via MSN to ph3n0m Send a message via Yahoo to ph3n0m Send a message via Skype™ to ph3n0m
Default

actually with the iphone there are limitations
In general, Safari on iPhone does not support any third-party plug-ins or features that require access to the file system. The following web technologies are not supported on iPhone:

* Modal dialogs

Don’t use window.showModalDialog() or window.print() in JavaScript.

* Mouse-over events

The user cannot “mouse-over” an element on iPhone. Therefore, Safari on iPhone translates mouseover events to mousedown events. Although a mouseover event may be sent before a mousedown event, you should not rely on mouseover events on iPhone. Use the mousedown event to implement your handlers.

* Hover styles

Since a mouseover event is sent only before a mousedown event, hover styles are displayed only if the user taps and holds a clickable element with a hover style. Read “Handling Events” for all the events generated by gestures on iPhone.

* Tooltips

Similar to hover styles, tooltips are not displayed unless the user taps and holds a clickable element with a tooltip.

* Java applets
* Flash

Don’t bring up JavaScript alerts that ask users to download Flash.

* SVG
* XSLT
* Plug-in installation
* Custom x.509 certificates
* WML

* File uploads and downloads

Safari on iPhone does not support file uploading, that is, <input type="file"> elements. If your webpage includes an input-file control, Safari on iPhone disables it.

Because iPhone does not support file downloads, do not prompt the user to download plug-ins like Flash on iPhone. See “Using the Safari on iPhone User Agent String” for how to detect Safari on iPhone.

By default, Safari on iPhone blocks pop-up windows. However, it is a preference that the user can change. To change the Safari settings, tap Settings followed by Safari. The Block Pop-ups setting appears in the Security section.
__________________
Information for Unmarried Parents | blog | bash.org
I gotta gotta get away, get away from the human race
I don't know what I'll see, don't even know what I'll find
I don't know what to pack, never been to a trip at the mind
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #5 (permalink)  
Old 08-04-2008, 09:43 PM
Frontpage User
 
Join Date: Jan 2008
Posts: 2
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
EamonnDunne will become famous soon enough
Default

Im a mobile web developer. Its a totally different ball game. The biggest problem with developing for the mobile web is the vast amount of different devices that are going to view your page.

Different screensizes,css implementations (if at all),usually no javascript,older devices using wml (however xhtml-mp seems to be the winner) then there is the dodgy implementation of a lot of the operators wap gateways.

For example Vodafone thought it would be a good idea to strip out the user agent header in http requests, so the one way of serving content appropriately to the device is taken away from you.

At least if you know what phone it is you can transcode images on the fly to serve the best possible for that handset along with modified mark up if required.

But with all the headaches its very interesting to see how things are developing. Its a aspect of web development that is in its infancy at the moment
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #6 (permalink)  
Old 09-04-2008, 08:41 AM
ph3n0m's Avatar
Webmonkey
 
Join Date: Jan 2006
Location: Ireland
Posts: 297
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
ph3n0m will become famous soon enough
Send a message via AIM to ph3n0m Send a message via MSN to ph3n0m Send a message via Yahoo to ph3n0m Send a message via Skype™ to ph3n0m
Default

You would also be best checking out

http://pc.dev.mobi
http://wurfl.sourceforge.net/
http://wurfl.sourceforge.net/java/index.php
__________________
Information for Unmarried Parents | blog | bash.org
I gotta gotta get away, get away from the human race
I don't know what I'll see, don't even know what I'll find
I don't know what to pack, never been to a trip at the mind
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply

Tags
design, mobiles, site, web

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On
Forum Jump

Similar Threads

Thread Thread Starter Forum Replies Last Post
Domain for sale! web design InternetSolutionsIreland Domains For Sale 10 04-03-2008 02:02 PM
Web Design Community Project - webdesign.ie - anyone interested? davidbehan Webmaster Discussion 44 18-02-2008 05:28 PM
Successful Site in 12 Months with Google Alone montyauto Webmaster Articles 11 18-02-2008 12:28 PM
Swapping Web Links, the best way to find link exchange partners Gman290 Search Engine Optimisation 5 28-04-2007 04:06 PM
352 Media - The Award Winning Web Design Company. the guru Marketplace Offers 0 20-10-2006 02:55 PM


All times are GMT +1. The time now is 05:06 AM.


Powered by: vBulletin Version 3.7.3, Copyright ©2000 - 2008, Jelsoft Enterprises Limited.
Hosted in Ireland by Blacknight - Test your ISP |Irish Hosting Directory| Armchair.ie|Logo by Eden Web Design|Avatars by Afterglow |Latest Blog Entries | VPS HostingAd Management by RedTyger

Search Engine Friendly URLs by vBSEO 3.2.0