Going Mobile

1 04 2010

Mobile phones are the new computer and as much as you want your companies website to be seen on the internet you need it to be seen on a mobile phone.

Mobile phones do have a weakness. They are small and their networks and speed are limited. So your website with all its bells and whistles may be to much to view quickly and easily on a mobile phone or view at all.

But you want to have a mobile pressence.

Mobile sites need to be basic coding in a small little package. Her are a few sure things to guarantee a clean fast basic mobile site.

• Use basic HTML Format. (back to old school here)
• Use CSS stylesheets to design the layout. DO NOT use “tables” or “frames”
• NO Java Script
• No attributes in body tag  <body>
• No <span> ‘s
• Alt tag all images

CSS Style sheet notes

• Do not use width or height adjustments or use “%” or “em”. ( width=”100%” or height=”1.4em”)

• Remember mobile phones come in all sizes and have a variety of screen sizes and resolutions.
• For best results content type needs to be “utf-8″ ()
• Best to use XML Validation at top of HTML ( )
• Do not use rules referencing position ( position:relative, position: absolute )
• Avoid Top: and Bottom: references

Below are a some samples in progress.

http://www.ArmelGolfSolutions.com/Mobile

We will be adding more samples as we find them.

Here is a great Link to test your Mobile Site

http://waxler.w3.org/mobileok/index.html

GOmobile and have fun with it.

Advertisement

Actions

Information

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Connecting to %s




Follow

Get every new post delivered to your Inbox.