Dev.Opera 2006
2013 2012 2011 2010 2009 2008 2007 2006
Temporary X+V By Example - Opera Developer Community
This article assumes that you have already Voice installed and working on your computer. If you have not, see Voice tutorial for instructions. It doesn't explain what XHTML+Voice (X+V) is all about, for that see the Adding Voice to XHTML.
Improve your forms using HTML5! - Opera Developer Community
HTML hasn't really been updated since HTML version 4 was released back in 1998. However, the WHATWG community has been working on HTML since 2004 and this will hopefully result in some much needed improvements. This article shows some of the new functionality…
Opera Widgets Resources - Opera Developer Community
We want to make it easy to create and share widgets – so we did some of the work for you. Here you can find the widgets logo for use on your site, a selection of buttons to add to your widget, and an array of colorful backgrounds to make your widget even more…
SVG Evolution 2: Our First Steps Into SVG - Opera Developer Community
This is the second in a short series of articles in which we explore how to integrate Scalable Vector Graphics (SVG) into DHTML web applications. In our first article, we gave an introduction to SVG language and some of its basic capabilities. We introduced…
Using Capability Detection
Browser name sniffing, using scripts figure out which browser is used and then provide different content to them, is a widespread practice with a long history. Unfortunately these scripts are usually static, while browsers keep evolving.
Opera Widgets Style Guide - Opera Developer Community
This style guide define requirements and suggestions for how to design your Opera Desktop Widgets. It will help you to make visual decisions for your widgets without stopping you from being creative.
Towards capability detection
Browser name sniffing, using scripts figure out which browser is used and then provide different content to them, is a widespread practice with a long history. Unfortunately these scripts are usually static, while browsers keep evolving.
Hello Animation! - Opera Developer Community
In our previous tutorial, we completed a minimal version of the Hello World! widget. While the widget works, as is, it may seem a little dull to users, since it simply displays two sides, none of which have any other interaction than the “flip” button.
Opera developer console bookmarklet
Note: this bookmarklet is no longer supported, and only here for historical reference. Instead, we recommend you try out our powerful Opera Dragonfly – Opera's built-in web developer tools. There is also an extensive Opera Dragonfly documentation for your…
Opera developer tools - Opera Developer Community
These are developer tools that have been used internally for some time by Web Application developers at Opera Software. These tools are meant as early previews, and should be considered alpha quality software. They are provided on an as-is basis, in the form…
Designing With Opera Mini in Mind - Opera Developer Community
Designing for Opera Mini is a special case of designing for mobile devices, you should have a look at the article Making Small Devices Look Great first, as well as the note on Phone Factors. As Opera Mini uses a different approach to the other Opera clients…
Packing and deploying your Opera Widget - Opera Developer Community
When your widget is finished, what remains is to deploy it, and make it available for all to see.
Your first widget - Opera Developer Community
Creating an Opera Widget is quick and painless. This tutorial will take you through all the steps in making your first widget.
Introducing Extended Validation Certificates
Last year it became clear that the procedures for verifying data used to issue SSL certificates (and other types of certificates) were not as uniform as might be desired. This led to a situation where information in certificates might be misleading.
Advanced SVG Animation Techniques - Opera Developer Community
In a previous article, Charles McCathieNevile demonstrated how to do time-based (as opposed to frame-based) animation in SVG, using SMIL. But we can do even more. Today's web applications, thanks to the advent of AJAX clearing JavaScript's bad name, are very…
Give your widgets a voice - Opera Developer Community
Prerequisites: knowledge of XHTML+Voice and how to make a basic Opera widget
Event capture explained
Occasionally I have been grumbling about un-intended event capture. Here is a more detailed explanation of the feature and the issues.
Efficient JavaScript
Traditionally, a Web page would not contain much scripting, or at least, not much that would affect the performance of that Web page. However, as Web pages become more like applications, the performance of scripts is having a bigger effect. With more and more…
Efficient JavaScript - Opera Developer Community
Traditionally, a Web page would not contain much scripting, or at least, not much that would affect the performance of that Web page. However, as Web pages become more like applications, the performance of scripts is having a bigger effect. With more and more…
Making a cross-platform AJAX-based web application
I will go through how to make a full-blown widget that uses AJAX technology. It fetches news from a newsfeed source, presents them nicely to you, includes some eyecandy and of course lets you customize the amount of news items, refresh time and which category…
Making a cross-platform AJAX-based web application - Opera Developer Community
I will go through how to make a full-blown widget that uses AJAX technology. It fetches news from a newsfeed source, presents them nicely to you, includes some eyecandy and of course lets you customize the amount of news items, refresh time and which category…
The Phone Factor - Opera Developer Community
Phones can be summed up as being slow and small. Designing for phones isn't different from designing for desktop PCs, but a greater focus is needed on what is important on a page and how to achieve that efficiently. Redundancy is not desirable on small…
Animating Your SVG - Opera Developer Community
SVG provides a simple way of doing animation. A couple of tools let you do it in a graphic environment, but here we're going to have a look under the hood at the source code. Ideally, you should be able to understand basic SVG code, since this article is not…
Getting to know Voice - Opera Developer Community
From a different world than the traditional browsing world comes a range of techniques that allows a developer to code for speech behaviours much easier than previously possible. Opera has early support for this. W3C is working on standards for combining…
XHTML+Voice in Action - Opera Developer Community
This article builds upon topics in the XHTML+Voice by Example article. Some knowledge of JavaScript and DOM is also assumed.
XHTML+Voice in Style - Opera Developer Community
This article builds upon topics in the XHTML+Voice by Example article. A knowledge of CSS is also assumed.
Playing SVG Darts: Target Practice - Opera Developer Community
[SVG showing the four component slices]In SVG everything is rendered in order of the document, so when two things overlap the second will be on top. This is a principle heavily used in this example. Imagine looking through a circular hole in the ceiling…
How to Add Voice Interactivity to Your Site - Opera Developer Community
This tutorial aims to help you add voice interactivity to your site, with minimal code changes and maximal browser compatibility.
SVG: Evolution, Not Revolution - Opera Developer Community
This series of articles explores how to integrate SVG into your DHTML applications. While building entire web applications in SVG+JavaScript is possible, most developers have spent a great deal of time and effort in HTML, JavaScript, CSS, and the DOM.…
Event Streaming to Web Browsers
One cool feature we added to Opera 9 is Server-Sent Events from the WHATWG Web Applications 1.0 specification. Using SSE you can push DOM events continously from your web server to the visitor's browser. This creates a lot of exciting opportunities for web…
What's a browser Security Issue, anyway?
A large number of people are looking for security problems and vulnerabilities in Opera and other applications. Some people don't like this, but I think it is actually fine. When done responsibly this can increase security for the application and is thus of…
Opera 9 Beta 2
We released the second – and final – beta of Opera 9 today. This will be the last major milestone release before the final launch of Opera 9. The most notable change is to the widget UI. You'll notice that we've included widgets separately in the menu bar. If…
Adding a new dimension to the web
Opera and Mozilla are actively working on providing a hardware-accelerated 3d drawing context for the canvas element, enabling authors to author high-performance 3d applications running inside the browser. Check out the screen-shots on our Web Applications…
What's new in the SSL/TLS engine of Opera 9?
In Opera 9 Beta there are a lot of changes, as one expects from a major product release. Some of the changes (e.g. UI updates) are more apparent than other changes. Some of the major, but less obvious, changes have been done in Opera's SSL/TLS engine.
Debugging SVG
Opera 9 has a lot of new features to help developing content. Here is an example of debugging SVG.
Developers Gone Wild:Opera Web Applications Team Starts Blog
Opera has been hard at work creating a browser that acts as a platform for Web applications. Our first step in realizing this new world was taken with the launch of Opera Platform, the first mobile AJAX framework. Then we turned our attention to the desktop…
Opera Labs Opens Doors
Welcome to Opera Labs, a behind-the-scenes look at the latest technology and products from Opera Software.