| Home » Server » Help » | |
| Support for Mobile Web Browsers |
Viewing webpages on the College of Engineering website
with mobile devices
COE webpages are currently tested on iTouch and Droid. Web browser applications used for mobile devices might render webpages differently from applications used for notebook and desktop computers:
- Cascading style sheets (CSS) and in-line styles might not be supported on mobile web browsers. Pages should be readable with or without their associated cascading style sheets.
- Minimum screen width is 128 pixels for some models. Other common screen widths: 160 and 240 pixels. Apple iPhones use a screen width of 320 pixels and a viewport of 980 pixels to scale down to 320. Web developers can control the width of the viewport by using a style in a CSS file.
- For optimal performance and best display, make images at 100% of the size you want them to appear.
- Opening a new window with the target="_blank" option for the anchor tag is not supported. Apple iPhones block popups and cannot render Flash.
JavaScript might not be supported in some devices.
- On some devices, conventional HTML and XHTML webpages are displayed by dividing the page vertically into thirds and rendering one column at a time. This method allows conventional webpages to display well on mobile and PDA devices without using a specialized format.
Resources
Articles:
Return of the Mobile Stylesheet, by Dominique Hazaël-Massieux, January 6, 2009
Put Your Content in My Pocket, Part I
Put Your Content in My Pocket, Part II
Developing Web Applications for the iPhone
World Wide Web Consortium, Mobile Web Initiative
Making Small Devices Look Great (advice from Opera; Opera offers a View > Small Screen feature)
Handheld Stylesheets (Emerging XHTML/CSS and Waning WAP)
Etemad, E. & Newth, J. D. (2004, August 31). Pocket-sized design: Taking your website to the small screen. A List Apart 187. Retrieved September 20, 2004 from http://www.alistapart.com/articles/pocket/
The End-All Guide to Small-Screen Web-Dev by Heidi Pollock.
Pollock's article is best used in conjunction with two other Webmonkey articles about web standards developed by the World Wide Web Consortium: “Streamlining with Web Standards” by Greg Penhaligon and “Web Standards for Hard Times” by Paul Boutin.
Books
DiMarzio, J. F. (2008). Android : a programmer's guide. Wendt Library Book Stacks QA76.76 A65 D56 2008
Moll, C. (2007). Mobile Web Design. Lulu.com. Retrieved November 14, 2008 from http://www.alistapart.com/articles/progressiveenhancementwithcss.
Test sites and emulators for developers:
World Wide Web Consortium mobileOK Checker
World Wide Web Consortium mobileOK Checker
http://ready.mobi/launch.jsp?locale=en_EN
Openwave Developer Network Phone Simulator
[found by NH]
PalmOS Web Browser 2.0 developer information
http://www.palmos.com/dev/tech/webbrowser/
Avantgo developer information
http://www.ianywhere.com/avantgo/developer/channel_developer/createcontent15.html#975986
Windows CE (Microsoft Pocket PC) developer information
http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnppc2k/html/ppc_dev.asp
Websites:
Designing a Mobile Version of Your Website (PDF)
Nicholas Hoyt, December 16, 2009, University of Illinois Brown Bag
Tutorial: Optimizing Your Website for Mobile Devices
http://www.elementfusion.com/tutorial-optimizing-your-website-for-mobile-devices
MIT Mobile Web
http://mobi.mit.edu/about/
MIT Mobile Web
http://mobi.mit.edu/about/
Designing with Opera Mini in Mind
http://dev.opera.com/articles/view/designing-with-opera-mini-in-mind/
Communities Dominate Brands: Business and Marketing Challenges for the 21st Century
http://communities-dominate.blogs.com/brands/2008/01/when-there-is-a.html
MobiForge mobile development community
http://mobiforge.com/
Google's open handheld operating system:
Android — An Open Handset Alliance Project
[contributed by JM]
World Wide Web Consortium Guidelines:
Mobile Web Best Practices 1.0: Basic Guidelines, W3C Recommendation 29 July 2008
http://www.w3.org/TR/NOTE-html40-mobile/#Guidelines
http://www.w3.org/TR/NOTE-html40-mobile/
| College of Engineering homepage | Site map | College Index | Contact the Web Team | Help | Accessibility
Copyright 2011 The Board of Regents of the University of Wisconsin System
Date last modified: 18-May-2011
Date created: 09-Mar-2004
Content By: webmaster@engr.wisc.edu