Skip navigation.

ODIN Blog

Opera Developer Network

A more accessible Opera Unite

This week saw the release of Opera 10.10 final complete with a more accessible Opera Unite. If you've not come across Opera Unite before it's a powerful platform that turns your browser into a server. This means that you can share content you have on your hard drive - photo's, files, folders, music, hosted websites - without having to uploaded these to a website.

There are benefits for all users but for those who struggle with the accessibility of social networks where they'd normally share photo's, files and information Opera Unite offers a fast, accessible and usable alternative. With this release we've added in some accessibility enhancements that we believe will benefit not just disabled but all users:

  • Default applications now have better page structure
  • Higher contrast has been added to links
  • It is possible to exit Slideshow and the Fridge with the keyboard
  • ARIA has been added in some places to announce updates to screenreaders
  • Overall keyboard accessibility has received some general tweaking

We're not stopping there however and would love to hear your feedback, comments and ideas. Drop me an email or leave a comment if you have any. Finally a special thank you to our Accessibility Volunteers for their input and ideas.

Opera 10.10 final and 10.2 alpha

, , , ...

On Monday this week, we released the final version of Opera 10.10 for desktop, with Opera Unite as its main highlight. Gautam gave a fine description on the Opera Unite blog last week:

Opera Unite establishes your personal computer as a Web server. You are given a URL similar to http://devicename.username.operaunite.com/. You can have as many computers as you like, and each is linked to your username. This way people can find the real you. The unique you, physically on your own computer. Possibly at home, work, or at the coffee shop.

That unique you could be running one or more of the preinstalled or downloadable Opera Unite applications, or perhaps an app you built yourself. Note that we’re giving away prizes for new Opera Unite apps, so let all your creativity loose :-)

Quick links to some of the documentation we have prepped for you thus far:

You’ll find more articles in the Opera Unite section on Dev.Opera, and we’re also working on updating the Libraries overview so as to include Yusef and the various plugins. Stay tuned for more!

And now for the second half of this story — on Wednesday (some speculate that we never sleep) we released Opera 10.2 alpha, featuring Opera Widgets for Desktop. This release allows you to install and run widgets as standalone applications.

In other words, you can now build cross-platform applications for Windows, Mac, and Linux using Web standards, which is a very powerful concept. If you want to get started, have a look at Remigiusz’s Opera Widgets as standalone applications article.

So, lots of new stuff to play with — let us know what you think!

Banking, the ActiveX challenge

, , , ...

I was invited to speak to a group of developers at the China Bank of Communications. It was an opportunity to get to know how the IT side of the banking sector works, and to ask them “Why ActiveX”?

First, some background — most if not all Chinese banks use ActiveX for their customer banking, so without ActiveX you can’t do online banking in China. Similar issues are happening in South Korea and perhaps other places too. The ActiveX plugin is used to prevent the stealing of passwords by keylogger trojans.

After presenting, the discussion dived right into questions and answers; it was very stimulating and I learned a lot about the perspective of developers working with banks. During the discussion, the thousand dollar question was “If not ActiveX, then what?” I suggested three possible solutions:

  • First, if your bank insists on using plugins, then use the NPAPI plugin interface. NPAPI is arguably more secure than ActiveX because it is solely an Internet plugin, while ActiveX can also tinker with your operating system (for example components in Office applications). Opera, Safari and Firefox all support the NPAPI plugin.
  • If ActiveX is used only to prevent keyloggers, then another solution might be to only allow users to type their login credentials using a virtual keyboard. This could however be a bane for accessibility.
  • The third option is to drop plugins altogether and use a one-time password generator. This crossed my mind with banks in Norway which I am provided with a calculator (I use Nordea Bank). A one-time password calculator will not have the spillover security concerns of ActiveX.

Options above are used to prevent password-snatching while a user is typing in the login credentials - before he or she clicks on the login button which sends the login credentials through a HTTPS secure channel.

On the HTTPS side of things, using Extended Validation (EV) certificates will give bank users better assurance since EV certificates goes through a much more rigorous process before it is given out. Browsers with EV support display more information for EV certificates than for previous SSL certificates. IE8, Firefox, Safari, Google Chrome and Opera support Extended Validation.

During the discussion, I realized that many developers are sympathetic towards standards, including those implementing non-standard ActiveX. I used the word sympathetic because many developers I know are idealist and being idealists they want the world to be a better place. The world is a better place without non-standard code, but the reality is that developers earn their living through customers, and therefore maintaining the existing systems that they already use.

There is more than one way to solve the ActiveX dilemma in the banking industry. It’s a legacy issue, for sure, but maybe the real problem is resistance to change?

Note: The PDF version of the presentation can be downloaded here, entitled Web 2.0 and Web Standards.

Standards.Next CSS3 event coming soon to the big apple

, , , ...

With two successful Standards.Next events behind us, we are taking the show on the road to the Big Apple for an event focusing on CSS3. As always, the event is free and anyone can attend. Standards.Next CSS3 will take place on the 20th November at the Time-Life building in New York City. Time & Life Inc. have generously let us use one of there rooms for the day. Space will be limited so please register your interest on the events Upcoming page. If we reach capacity people will be admitted on a first come, first served basis, so please turn up early if you want to absolutely guarantee a spot. We hope to have space for everyone though.

For a free event we have a stellar line up of speakers, and you could be amongst them. At the present moment we have confirmed that Molly E. Holzschlag and Håkon Wium Lie of Opera will be presenting, along with top selling CSS author Andy Budd and Internet Explorer Product Manager Pete Le Page. We will also have lighting talks from interested participants.

The Web design world has been abuzz about CSS3 for along time now, with border-radius being the poster child, along with Web Fonts. We will show these and the many more features of CSS3 that are available now and the near future. With at least two members of the CSS Working Group in attendance, the event will be a perfect way to give feedback on the current and future direction of CSS. We are looking forward to meeting some of your there.

HTML5 at London Web Standards

I was privileged to be invited to come and present at London Web Standards, and honoured that the tickets sold out within 45 minutes of being available. So, no pressure then ...

Assisted by the lovely Henny who advanced my slides and alt-tabbed from slideshow to demo, I sneezed and snuffled my way through a presentation called HTML5 and Friends (PDF, 723K).

The resources that I demoed were

You can also download Opera 10 which I was using to demo.

Opera Developer Network has some beginner's canvas tutorials available:

  1. HTML 5 canvas - the basics
  2. Creating an HTML 5 canvas painting application
  3. Creating pseudo 3D games with HTML 5 canvas and raycasting
  4. Creating pseudo 3D games with HTML 5 canvas and raycasting: Part 2

For the second half of the talk, I built an HTML5 page through the magic of live coding (with lavish prizes!).

Consequently there are no slides to publish, but I have an article called Designing a blog with HTML that covers the same ground. (Two articles on my personal blog cover it in much more detail: Redesigning with HTML 5 and WAI-ARIA and Marking up a blog with HTML 5 (part 2).)

The shocking looseness of HTML5's validation rules is discussed in an article I wrote called HTML 5 + XML = XHTML 5. The main take-home should be that, although you can mix quoted or unquoted attributes, upper and lower case freely (even in the same page), you shouldn't: if you do, you'll make your code an unreadable and therefore unmaintainable mess. Choose one coding convention that works for you and stick to it.

Some other useful resources:

Thanks to all who attended and asked great questions. I'm sorry that I had to charge off before the bar shut (not like me at all!) but my son was sick so I needed to get the last train home.