Skip navigation.

exploreopera

| Help

Sign up | Help

Opera Playground

you can swim with Opera

Posts tagged with "css"

Some shadows of Kestrel

, ,

As Tim wrote in his blog,
The rendering engine used by the Internet Channel is the most advanced rendering engine publicly available from Opera Software.

The development is going on internally we guess, and we can confirm that with Olli's post, so what's the current situations we can imagine.
Ashizuka-san, one of my friend on irc and twitter, wrote a blog, of course in Japanese but the chart is in English.
You can view the different results of Merlin there, and may notice some regressions with Wii's Internet Channel. We just sit and wait for the next weekly release, full of fixes and new challenging features.

To check your site with Opera

, , , ...

During the preview/beta periods, I wrote an article about the Opera's rendering mode.
Now there are Opera for Wii out in the market. If you consider the compatibilities of your site with Opera browser for Wii, then try RenderingMode=5, to check if you can view it fine or not.

opera:config#UserPrefs|Renderingmode

I added a few lines, cited below, to CSS of my Japanese blog, and it works fine. And the most important point is that I can check it without Wii.
@media tv{
*{font-size:24px}
}

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)

CSS Nite LP, Disk 1

, ,

Last evening, at Tokyo, Japan, I went to CSS Nite LP, Disk 1 to see Charles McCathieNevile, Chief Standards Officer of Opera, speaking an introduction to CSS Media Queries for web designers. I'm not a designer, but it's a good chance to talk to Chales face to face over here in Japan, so I attended the seminar.

It was taken place on Tuesday afternoon, which means the seminars are not for the gerenal audiences, but for the professional ones, working at the company or the totally freelance.

There are 5 speakers in row, but I had a work at school so I got there just a few minutes before 4th speaker's turn, that's Chales. The Opera Show slides of his CSS media related presentation are zipped and you can view it.

Charles is a nice guy, so I enjoyed the talking to him, with jp.opera's staffs, including Michael Smith, Web Opener at Tokyo. There taken palces a small party after the seminars, we got some beer and Chinese foods, at open cafe.

I talked to Chales, Michael, and persons from Mozilla Japan, with much pleasure, a really enjoyable night indeed. :drunk:

Chales kindly rolled a cigarette for me, the hand-rolled cigar I smoke for the first time :sherlock:

Here is a link to a MP3 file, along with Japanese translation, section to section.