Optimized for any modern mobile browsers
Monday, 29. January 2007, 06:44:15
This is the /mobile page offered by HATENA, with WAP like strange HTML, like CENTER and H3 at the top, and the screenshot of it with Opera Mini.
So yesterday night, I added some short lines at headers in the original page, then Opera Mini shows the page fine.
These are the pages, if you open with Opera Mini, without extra CSS. The first one, with huge HATENA banner, then scroll a bit, the next one, still you need clicks for many times to go to the main text.
Then after adding the CSS, this is the page shown by Opera Mini with no scroll done yet.
I just add these lines, and put some div class="mobileskip" in the text,
@media handheld{
div.mobileskip, table#banner{display:none}
}to skip graphical navigations with links for desktop browsers. Then I added 'Mini Optimized' banner at the top right corner. But I think if you use any other modern browser, then it must understand 'media=handheld' and shows what I intended.
I believe in 'One Web for All' and don't like to add .mobi or anything like that. If your mobile browser can't understand media="handheld", try Opera Mini now.