Skip navigation.

Opera Playground

you can swim with Opera

Posts tagged with "css"

Optimized for any modern mobile browsers

, , ,

I mainly write about Opera in my mother language, Japanese, at HATENA diary, every day. If you open HATENA diary with some kinds of mobile phone, they offer different pages fot it, i.e. add '/mobile' at the end of URI, special page for mobile browsers. The HTML of that page is terrible, in my view, and with Opera Mini, it opens usual page, the same as desktop browsers open.

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.

CSS3 Selectors

, ,

KDE recently released their latest 3.5.6, of course with Konqueror 3.5.6 browser/filer. It passes CSS3.info's CSS3 Selectors testsuite, they claim.

I use Fedora, which mainly uses Gnome, so I have to wait for a while to confirm that. So one of my friend, Taken, who uses Kubuntu Feisty, installed 3.5.6 and confirmed all green with screenshot.

From KDE's changelog, the latest Konqueror also impliments 'text-overflow: ellipsis' and 'overflow-x/y', the former Opera impliments as -o-.

We want Peregrine soon, but for now, will use to Konq more often.

Opera for Wii doesn't support media queries!?

, ,

Opera for Wii is Opera 9. It originally support CSS media queries, as Haavard wrote last month.

I don't have Wii, so Watanabe-san told me his test result at CSS tests page.

The present trial version of it recognizes only screen mode. It's so pity to drop that. I don't know which Opera or Nintendo would like to drop it. What a shame.

Edit: Oh, sorry. I got an another report saying 'Opera for Wii' recognizes media queries, but its 'Media Type' is always 'screen', e.g. it recognizes @media screen and (device-aspect-ratio: 16/9) { #hoge { color: green } } Thanks Mr.Watanabe. (1240 UTC, 2006.Dec.27)
Download Opera, the fastest and most secure browser