Diperbarui 30 Agustus 2010 oleh Dani Iswara
Answering one web – how many devices do you serve (Dani Iswara .com), I chose to do almost nothing. Mobile presentation of this unessential site is available with the help of Cascading Stye Sheets (CSS). Users are served by one content (XHTML). Unessential Side has almost-the-same user experiences for desktop and mobile version. Since there is only a single user interfaces for the easy of use. Less learning curves.
Accessible doesn’t mean web authors must have exactly the same user interfaces for different targeted visitors. The most important part is, content itself. Its content should has similar meaning for targeted audience. Whatever its representation.
For one column of Unessential Side, CSS3 media queries (w3.org) helping me. No need for server customization such as content negotiations, doctypes switching, or user agents detections. I only have these CSS3 standards in the head section:
<meta name="viewport" content="width=device-width" />
and something like these in style sheet:
@media screen and (min-width:120px) and (max-width:700px)
...
#content img{max-width:200px;height:auto}
...
Tested on:
- Opera mobile simulator version 10+.
- Opera mini simulator version 5+. Check this post Opera-related in Arch Linux (Dani Iswara .com).
- Firefox with several extensions: user agent switcher, modify headers, and wmlbrowser.
- Firefox. Try resizing your browser window.
Best practice checked using:
- W3C MobileOK.
- Ready.mobi.
Easy of maintenance is the main reason. You may read the complete reason in bahasa Indonesia, pertimbangan penyederhanaan situs (Dani Iswara .com).