Skip navigation.

Slightly ajar

Posts tagged with "Opera"

Tommy Rocks Opera

, , , ...

Later this month in San Francisco, Opera will be holding a launch event with free drinks and two top indie bands from L.A. I'm working from the Mountain View office for the rest of this month, so I'll be there taking in the music in the front row. If there are any web designers or developers reading that are in the Bay Area then let me know and I may be able to set you up with free tickets. I'd also love to help you with any browser compatibility issues while I'm in the area.

The bands playing are the 88 and the Binges, and it should be a great night. If you don't get free tickets, enter the My.Opera competition at this address. Did I mention that there is a open bar? As well as great music, free drinks and cool Opera announcements, there will be a lot of top people there - and me.

The reality of "Mobile 2.0"

, ,

Over the last couple of conferences I've attended I've heard a whole lot about designing for iPhone and that it is the only browser worthy of being called Mobile 2.0 (whatever that is). A revolution is about to happen and it revolved around one shiny device (or make that recently two).

Of course, in reality that isn't strictly true. Opera Mini has been blazing its own trail for a long time, irrespective of iPhone. I'm stuck in D.C. Airport for a number of hours, so I thought I'd check on how we are crumbling below the might of the fruit company. Last month we had a commanding lead over that browser according to Net Applications. This month's figures are in, and with all the continued hype and the recent release of the iPod Touch, you'd have expected things to have swayed. Not so.

The iPhone has seen a respectable climb from 0.05% in August to 0.07% of the entire browser market in September. How did Opera Mini do in the same period? In August it had 0.27% of the entire browser market. September however eclipsed this with 0.39%. This growth alone is bigger than the rest of the mobile browser share market combined. Unless I'm delusional as I've not slept for a number of days.

What does this mean? Well don't believe the hype. There is no before iPhone and after iPhone. It is more before Mini and after Mini. Mini is destroying the competition. It's no surprise when two of biggest markets for mobile web access are India and China, and it is unlikely the iPhone/iPod will ever reach the masses in these territories, not to mention the emerging markets in Africa, Asia and South America. Many of these countries are places where the only way they have to access the web is via a mobile. There are also countries where home grown handset brands are very strong, particularly in the Far East. The mobile market isn't simply a one size fits all market.

It also means I'm failing to do my job. Why? Because I'm finding it very difficult to get designers to have any interest in Mini, in light of other browsers, while away from the development community it ca be seen it is catching on like wildfire. There is a huge market out there, that people are failing to look at or take into account. Maybe it is just because we don't have The Shiny. If Mini continues on its current course, it'll be impossible to ignore.

Hello, Safari. Lets catch a wave

, , , ...

Congratulations to the Safari team on the beta release of their browser on Windows. Welcome to the party. It's a great day for Opera. Of of the reasons why it is so good for Opera is web standards. Many web developers don't test in Safari as it was only available on Mac. With another standards aware browser available on Windows it reinforces to developers that standards matter. Especially to the crowd that just test on IE and Firefox, and assume that Firefox equals web standards. This leads to many issues where developers use Mozilla extensions to the DOM or Mozilla bugs without realising it. In many cases, sites that break in Safari break in Opera and the other way around. I know there has been work I've done that has benefited Safari, and I'm sure that developers that find issues in Safari will also help Opera (providing they don't use browser sniffing to just give Safari the fix). I'm active now and again in the WebKit bug tracking system, and I hope we can work closer together both ways in the future. This kind of work benefits every body. Safari have been fairly quiet n the browser community of late and it'd be nice to change that. It is not only important to work closely with the Safari team, but also the IE team and the Mozilla team. To be honest, the IE team have probably been the most helpful recently, and we are building great relations there.

Safari have been laying down the smack, with the claims of the fastest browser. The results they show, particularly hi-lighting the HTML rendering speed (Which I personally think JavaScript speed is more important these days) don't look too flattering to Opera, but as always you can take these sorts of results with a grain of salt, especially as Safari have been optimising for iBench. Use another test framework and you'll probably get different results. None of this takes away from Safari being a great product. WebKit is a very nice, fast, standards compliant rendering engine. But, while we often keep things close to our chest, we are not standing still on the development of Opera. While the speed comparisons were done with Opera 9, we are well into the development of Opera Kestrel. Opera has always been fast, and it is a design goal of both Kestrel and Peregrine to improve the speed further. I believe we are making good progress in this. We have a target to aim for now. As quoted in the Opera Desktop team blog, The Kestrel falcon is able to see ultraviolet, which helps them spot prey while hovering 10-20 meters over the ground., while The Peregrine Falcon is the fastest creature on the planet in its hunting dive, the stoop. Just like Apple, Opera has innovation in its corporate DNA. Many of the new features found in the new Safari were first found in Opera, such as sessions, and we'll continue to innovate at a fast pace. I think it is an exciting time, where there is some strong competition in the desktop space that drives the industry forward.

I look forward to working with the Safari team and the other vendors to solve compatibility issues, and hopefully we can sit around a table soon to discuss this. Sharing test cases is one area where we can work together, as well as setting a baseline in what standards we implement to drive the adoption of important standards such as the mature parts of CSS3. Congratulations again to the WebKit team on a fine product, and to Apple for what looks like a really exciting Leopard release.

Blue Sky: Web Browser, Standards and Interop Summit, XTech Paris

, , , ...

In Paris this May 15th, XTech 2007, Molly.Com, inc and Useful Information Company have combined resources to join industry influentials and peers for the first annual Browser, Standards, and Interop Summit in parallel with the XTECH conference. The Summit will consist of an open meeting of as many browser vendors, standards advocates, W3C and related standards supporters as we can gather. We will also have workgroups and an open mike session so everyone can be heard.

The day will be open to observation for interested journalists (particularly bloggers, podcasters and videocasters) based on available space. Participants will include representatives from Opera Software, Mozilla Foundation, Microsoft Corporation and others. It's an opportunity to make voices heard in a more neutral, open discussion outside the vendor or standards groups themselves.

As all Web developers and designers are all too aware, a lot of our effort goes into skirting round the inconsistencies in web browsers. We care about giving our users the best experience possible, so we take the time. A lot of time.

We can save a lot of that time if we also tackle the root causes: unclear, problematic standards and related issues with browser interoperability. While standards can provide the palette from which the next revisions of browsers take features, interoperability work can fix things in the near term, and for the future, getting us back to the original, platform and user agent agnostic vision of the Web.

Both Useful Information Company and Molly.Com, Inc. are splitting the event room cost. Vendors and participants will be required to provide their own travel and lodging, there will be no sponsorships taken from anyone although volunteer opportunities to assist with the Summit in a number of ways, such as providing refreshments, are available.

  • When: Tuesday 15 June 2005
  • Location: Novotel Paris Tour Eiffel / XTech, Paris, France
  • Room: TBA
  • Cost: FREE
  • Time: 09:00 - 17:00, interested attendees are welcome to join at any point during the day

Hope to see you there! Please do let us know via comments if you're interested.

This post has been cross posted on Molly.com and the XTech site. I'm please to be involved in something that should be increadibly valuable for the industry and cross browser compatibility. I hope to see you all there.

Upcoming SVG support in Opera and a Wii suprise

, , ,

While it is probably well known within the SVG community (or not judging by the number of SVG sites that block Opera, and tell the user to download Firefox), there is maybe a lack of awareness in the web design community at large about just how many strides Opera has made in its SVG 1.1 support. As this test from Jeff Schiller states:

In roughly a year, the Opera browser went from being one of the least usable SVG implementations (no scripting/DOM support) to the best native implementation and achieved a higher score than the famed Adobe SVG Viewer

Opera has the best native SVG support of any browser on the market, and is only beat out by Batik 1.7 (great work guys) for the most compliant engine. Things don't stand still however, and I've already blogged previous about support for using SVG as a background image and list image in CSS in internal builds of Opera Kestrel. This is not the only improvements however. Kestrel will also support:

  • Support for using SVG files in the image element
  • SVG Tiny 1.2 vector-effect [Spec]
  • SVG Tiny 1.2 navigation [Spec]
  • SVG Tiny 1.2 handler [Spec]
  • Speed improvements and optimisations
  • Many general bug fixes of our support of animations, text, SVG DOM methods and filters

Not only that, but Kestrel is still in active development, and there will be further support for SVG added before it goes final. But for much of this one doesn't have to wait until Kestrel goes into public beta. This is because The Internet Channel for Wii includes some of the modules from the Kestrel branch of our core rendering engine. This means that some of our improvements, both to CSS3 selectors and SVG 1.1 are already out there, sitting next to your TV, ready to be checked out. Bare in mind that the Wii is limited to two fonts, so visual results may vary. Go check it out and see what you think…

New to SVG, or want to check out some techniques? Go check out our tutorials on Dev.Opera.

How to make Opera more Mac like

, ,

One of the problems many people find with Opera (myself included) is that it doesn't feel very Mac like. This is the unfortunate side effect of having such a cross platform product, that can be ported from anything from the Mac to a mobile via the Wii. It is certainly not a problem we face alone, but there is certainly room for improvement. There are people at Opera who are passionate about both the Mac and our product, such as Joen our Mac test manager, who work hard to get Mac issues fixed, but I'd like to share a few pointers and downloads to improve the experience in the current release.

Anyone who uses Opera on Mac knows how out of place our icon looks on the dock, especially with that hi-lighted shadow that bounces with the O on loading, and how it makes the icon look right aligned. While I'm not personally a fan of using the company logo as an icon, help is at hand to make it more aqua-fied. This thread on the MyOpera forums includes an updated icon that can be used to replace the current one. You don't need much technical knowledge to install it. Just download this file to your Mac, find your Opera install, and right click selecting show Package Contents. From there navigate to the Resources directory and drop the new icon into the folder. Once you restart Opera, the new icon will be in place. I think it looks like it is part of the Microsoft Office for Mac icon set with this icon. Now IE:Mac doesn't exist now, I'm sure we'd be happy for MS to distribute us with Office too :wink:

With the icon fixed, it is time to move on the the browser itself. I don't think that the current icons fit in too well with the Mac interface, so the first thing to do is to hunt down a new skin, which is easier said than done. The skin I selected, Entr'acte, by Dustin Wilson. I actually found this by accident when looking for Opera on Flickr, as i isn't in the top skins list. My only main gripe about this skin is that is steals the Transmit icon for transfers.

After installing the skin, I re-aranged things to make it cleaner and more Mac like. Firstly, I fixed the tab bar, which I feel is in the wrong place. To do this I had to do a bit of a hack. I enabled the Main bar from View -> Toolbars, and disabled the Address Bar. The icons from the Address bar can then be added to the Main bar, and the current icons can be removed. I like a clean look, so I only put on the forward, back, refresh, address field and the Google search field. I also added a home button and the panels button, as on Mac there is no easy way to show panels without going to the view menu or knowing short cuts. There is not enough white space between elements such as the search bar and the address bar, so I added a fixed spacer between these, before the address field and after the search field. Finally, I don't like how much space the New Tab icon takes up, so I dragged it to the right hand side, next to the waste bin, where it doesn't include text.

A screen shot of the finished result can be found here.

The finished result is far from perfect. The fixed spacers create too big spaces, but this is an improvement on no space at all. The rounded caps of the search field are not the correct shape. It would be nice if the address bar could be above the tab bar without hacks, and I'd love it if it was possible to have a unified toolbar, that was introduced in Tiger. Just these four changes would make the interface look more professional. I'd also like icons in the preferences toolbar, and to use the correct "about" window. While improvements can still be made, these few changes make Opera ft in much better. Let me know if you have any extra tips.

Quick update on CSS3 selectors

, ,

I previously reported that all CSS3 selectors were implemented in an internal build of Opera, but seven of these were disabled in the builds due to various issues. While this is still the case with the very latest builds, there has been progress with the two selectors that were labelled as buggy on the CSS3 selectors test. The previous results were as follows:

From the 43 selectors 34 have passed, 2 are buggy and 7 are unsupported (Passed 460 out of 578 tests)

The latest results are now as follows:

From the 43 selectors 36 have passed, 0 are buggy and 7 are unsupported (Passed 464 out of 578 tests)

I'm fairly confident that when the seven unsupported selectors are turned on we will pass all of the tests. Now to concentrate on other bugs and features…

Squashing bugs on the road to Kestrel

, ,

As the build numbers roll on in the development of our next major release, there is some good news on the long standing bug front. When talking about standards support in Opera, many people bring up the example here of a bug Opera has had since version 7. This test page shows that Opera has a bug where when margin or padding has a value of over 20.47ems, Opera has a rounding issue that rounds all decimal places above that to the next whole number. The great news for all web designers and people that like to bring up this bug, is that in the latest builds of Kestrel this is now fixed. A screenshot of this in action can be found here.

Thanks to Tim Altman for pointing out this bug fix on his blog.

Now this is fixed what other bugs cause you the biggest pain when trying to get your sites working in Opera? I'd like to push to get the issues that cause the greatest problems fixed as soon as possible.

Opera codenames explained

, , ,

Johan Borg, the Desktop Team Manager at Opera, has just recently announced the code names for the current and future versions of the desktop Opera browser. Most people will be familiar with Merlin (Opera 9) and a few people will have heard the name Peregrine (Opera 10), but Kestrel (Opera 9.5) was largely unknown outside Opera.

The first time I found out about the actual meanings of the names was late last year when we had a seminar in a Norwegian log cabin. I asked Johan who came up with the codenames as I thought it was hard to make them any more geeky. After all Merlin is a magician in King Arthur and Peregrine is a Took from Lord of the Rings right? I wonder if it was just me that thought that. Johan said that it was him that came up with them and they were actually types of falcons. It turns out there is much more to the names they are also names of WW2 Rolls Royce engines, for planes such as the Spitfire and Hurricane. Knowing the meaning breathes new life into the names and I think they fit much better.

Birds of prey are very suitable codenames names for Opera. They give a personality that I think the Opera O lacks. I remember way back at @media, Cindy Li of AOL mentioned that she'd done an illustration of all the browser vendors getting along, but didn't include Opera as she couldn't think of any way to personalise us in the image. The falcons do this, but also have many attributes that Opera shares with both the birds and the engines.

  • Speed. Birds of prey are very fast, especially the Peregrine Falcon, which is the fastest creature on the planet. The Opera engine is also incredibly fast -- powering probably the fastest desktop browser available.
  • Size. In order to fly at high speeds falcons have to be fairly small and light weight, with a low body fat ratio. One of the reasons Opera is so fast and works on many small devices is its compact efficient engine.
  • Eye sight. Birds of prey have incredibly good eye sight, as you may have guessed by the term eagle eyed. This allows them to spot prey from great distances. Opera has best in class zoom features enabling people with less than great eye sight to be able to read pages, or people far from the screen, such as when using the browser as part of a media centre.
  • Strength. Falcons have to be strong for their size to be able to combat their prey. The falcon series of engines powered some of the greatest fighter planes of all time, that created a defensive shield that protected great Britain to great effect in the Battle of Britain, and many other conflicts. Opera's great security record and measures to protect user security make a safer browsing environment.

As Johan mentioned, Kestrel will include rendering improvements from Peregrine, so you may not have to wait as long to see the CSS3 advancements I've been playing with on this blog, but nothing has been confirmed in which release all features will be added. As the Peregrine Falcon is the fastest creature on the planet, I'm looking forward to seeing if performance enhancements can be found to speed up the browser any further. With a lot of talk about Opera on mobiles and devices, the desktop browser is sometimes overlooked, but it has a very exciting future and is progressing at a impressive rate.

Web chat with yours truly

, ,

I'm not sure if it is a uniquely British thing, but can you remember those shows hosted by a guy and some puppet, such as Gordon the Gopher, Basil Brush and Sooty? Well now Opera has its very own version as I kick off the first Opera Widget Webchat of the year, ably hosted by our dog in a Teddy Bear suit, Thomas Ford.

I hope you can all join us, as we discuss Open the Web, web standards, web design, and anything else you want to talk about. I'm hoping to invite some special guests for the show. You can join us on IRC in #webapps this Thursday at 5 pm CET. more details can be found on the Web Applications blog.

I'll see you there…