Dev.Opera 2010

2013 2012 2011 2010 2009 2008 2007 2006

Building a spirit level widget using WAC 1.0

December 22, 2010 · by Opera Software

The WAC initiative is a joint effort by mobile industry leaders to make mobile applications more interoperable across devices, easier for developers to create, and more powerful and useful for end users. It includes a community website containing useful…

Widgets Runtime: WAC 1.0-supporting Alpha for Android

December 22, 2010 · by Pavel Fokin

Howdy folks, in these short days of the year – "vintersolverv" in Norwegian – Opera Software has prepared something to lighten things up: the alpha release of our mobile widget manager for Android with support for WAC 1.0 APIs!

Introduction to Widget Handset APIs in WAC 1.0

December 22, 2010 · by Opera Software

In the brand new release of Opera Widgets Runtime for Android there are plenty of new exciting features, including support for the newly available Widget Handset APIs from the WAC initiative. These provide widgets with a greater level of device access…

New structural elements in HTML5

December 21, 2010 · by Chris Mills, Bruce Lawson

HTML5 brings two new things to the table: new APIs that add essential new features to the open standards web development model, and new structural elements that define specific web page features with much more accurate semantics than were available in HTML 4.…

Distributing Opera extensions and auto-updates

December 16, 2010 · by Zi Bin Cheah

Publishing your first Opera extension is a multi-step process that begins when you submit your extension for review. Extension developers are encouraged to publish and host their Opera extensions in the Opera extensions catalog. You should take a look at the…

New form features in HTML5

December 16, 2010 · by Patrick H. Lauke, Chris Mills

HTML5 includes many new features to make web forms a lot easier to write, and a lot more powerful and consistent across the Web. This article gives a brief overview of some of the new form controls and functionalities that have been introduced.

Opera extensions: quick documentation overview

December 16, 2010 · by Andreas Bovens

Opera extensions prototypes for modifying CSS

December 15, 2010 · by Karl Dubost, Daniel Davis

The web has radically changed our way to access information in space, time and shape. Before the web, our information user experience was often constrained by the solidification of information in physical form factors. The digitization of content and its…

A More Accessible HTML5 <video> Player

December 11, 2010 · by Ionuț Colceriu

In my last article, I implemented a customisable, cross-browser compatible video player using the HTML5 <video> element. This is a good solution for many reasons, including accessibility - HTML5 <video> is a lot more accessible than plugin-based alternatives,…

How are Opera Mini widgets different?

December 7, 2010 · by Opera Software

Note: the ability to run Opera Mini widgets on your phone is a B2B product delivered only to Vodafone at this time.

Opera Mini Widgets: an introductory tutorial

December 1, 2010 · by Daniel Davis

Note: the ability to run Opera Mini widgets on your phone is a B2B product delivered only to Vodafone at this time.

Opera Mini widgets authoring guidelines

December 1, 2010 · by Opera Software

Note: the ability to run Opera Mini widgets on your phone is a B2B product delivered only to Vodafone at this time.

The ins and outs of config.xml

November 25, 2010 · by Karl Dubost

When creating extensions or W3C Widgets — you will need to create a config.xml file, which contains the necessary information for software to identify the extension version, the author who created it, the license, etc. It plays the role of an "About…" page…

Opera Mobile emulator for desktop

November 24, 2010 · by Chris Mills, Patrick H. Lauke, Andreas Bovens

Making sure that your site looks great and works exactly as it should in mobile browsers can often be a tedious process.

Introducing Web Sockets

November 22, 2010 · by Bruce Lawson, Mike Taylor

The beta release of Opera 11 debuts our support for Web Sockets, a feature once part of the HTML5 spec known as TCPConnection. Web Sockets today, however, are specified in two places: the Web Sockets API is maintained by HTML5 editor Ian Hickson, while the…

Opera extensions developer workflow

November 22, 2010 · by Andreas Bovens

In this short article, we’ll look at the developer workflow to create extensions, give some tips for extension development, and point out a couple of caveats. There is also a video embedded into the article at the end, which explains some of the same concepts…

Opera extensions: options page

November 22, 2010 · by Chris Mills

This article details how to use a new feature of Opera extensions called the options page. This is a page in the extension containing preferences the user can set, defined in an options.html file in the root of the extension zip.

A more accessible HTML5 <video> player

November 11, 2010 · by Cristian I. Colceriu

In my last article, I implemented a customisable, cross-browser compatible video player using the HTML5 <video> element. This is a good solution for many reasons, including accessibility - HTML5 <video> is a lot more accessible than plugin-based alternatives,…

UserJS を Opera エクテンションに

November 3, 2010 · by t.ashula

この文書は UserJS から Opera エクステンションへの変換を駆け足で解説します。 手順はとても単純ですが、いくつか注意しておいてほしいこともあるので書いていきます。 実用的なサンプルも作ります。

A CSS-only scrollable timeline, Part 2

November 3, 2010 · by Alexander Futekov

This article will focus on a few practical ways to improve the timeline we built in the first part of the article with a brand new "framework". We will use CSS3 extensively and improve cross-browser compatibility.

Gentle introduction to OAuth

November 3, 2010 · by Cosimo Streppone

OAuth is a specification defining an authentication protocol that allows applications to access users' data in a secure way. This article discusses why OAuth was invented, shows how it works and what it means for users and developers, and then goes through…

Opera エクステンションで Hello World!

November 3, 2010 · by t.ashula

この文書では Opera エクステンション開発の初歩を手ほどきします。 ツールバーのボタンを押したら「こんにちは世界!」とポップアップが表示されるエクステンションを作っていきます。 Opera エクステンションは一般のオープンな Web 標準を使って作られているので、Opera 11 とエディタか IDE だけで開発が始められます。

Opera エクステンション:ウィンドウ

November 3, 2010 · by t.ashula

Opera エクステンションは HTML や JavaScript、CSS といった Web 標準の技術を使ってデスクトップ版 Opera に対する機能追加を可能にします。 この文書では、エクステンションの API を使ったデスクトップ版 Opera のウィンドウの操作方法を解説していきます。 ウィンドウの操作には Windows オブジェクトを使います。

Opera エクステンションを始めよう

October 29, 2010 · by Makoto Mizukami

Opera 11 Labs release には、新たにブラウザに機能を追加するエクステンションを実行する、ウェブ標準に基づいたフレームワークが含まれています。このエクステンションフレームワークは、 W3C Widgets や JavaScript を始めとする従来の標準を元に成り立っています。つまり、ウェブアプリケーションやウィジェットの作成スキルをそのままエクステンションの作成に転用できるということです。また、このフレームワークには cross-document messaging のような HTML5…

Opera extension code examples

October 29, 2010 · by Daniel Davis

Many people find it easier to learn by example, so here are some snippets of code that create Opera extensions with basic functionality. Depending on what you'd like to create, you can choose one or more of these examples to use as the basis for your own…

CSS3 :target based interfaces

October 27, 2010 · by Corey Mwamba

The new properties in CSS3 give us more scope for creating more powerful design features with very little effort, many of which were previously only available through JavaScript or Flash. This example uses the :target selector, a healthy dose of CSS3…

Opera extensions: messaging

October 27, 2010 · by Shwetank Dixit

With extensions, you have the ability to create and add exciting new functionality to the Opera desktop browser. As mentioned in other articles, Opera extensions contain a background process, injected scripts, and sometimes popup script too. In this article,…

Building your first Link API application

October 21, 2010 · by Esteban Manchado Velázquez

In our Introducing the Opera Link API article, we saw that the Link API works in a RESTful manner, and looked at what you can do with it. This gives you enough information to start working the Link API into your own applications, but to make it easier we have…

Converting UserJS to Opera Extensions

October 21, 2010 · by Chris Mills, Daniel Davis

This is a quickfire guide to converting a UserJS over to an Opera extension. This is a very straightforward process, although there are a few caveats to be aware of, which will be discussed below. We round off the article with a practical example.

Getting started with Opera extensions

October 21, 2010 · by Andreas Bovens

Our Opera 11 Labs release comes with a standards-based framework for running extensions that add extra functionality to the browser. The extensions framework is built on existing standards, with W3C Widgets and JavaScript as the basis. This means that if you…

Hands-on tutorial: building an Opera extension

October 21, 2010 · by Daniel Davis

This tutorial assumes you have a basic knowledge of CSS and JavaScript.

Opera 11 alpha: adding another piece to the puzzle

October 21, 2010 · by Chris Mills

Today we're proud to announce the first Opera 11 alpha, an early snapshot of our upcoming Opera 11 release. In Opera 11 alpha our attention is first and foremost on one of the most anticipated features of Opera 11: extensions. More exciting functionality will…

Opera extensions: buttons, badges and popups

October 21, 2010 · by David Storey

This article explains the ins and outs of how to create and manage toolbar buttons, and their various components.

Saying hello world to Opera extensions!

October 21, 2010 · by David Storey

This article walks you through the basic steps to create your first Opera extension. You will create a toolbar button, which when pressed will open a popup that displays a Hello World! message. Opera extensions are written using regular open web standards, so…

Opera extensions: tabs

October 21, 2010 · by Zi Bin Cheah

Opera extensions are powerful: you can manipulate the Opera desktop browser's buttons, default CSS and many other features using web standards such as HTML, JavaScript and CSS. In this article we'll look at manipulating tabs.

Opera extensions: Windows

October 21, 2010 · by Zi Bin Cheah

Opera extensions give you the power to add additional functionality right into the Opera desktop browser using web standards such as HTML, JavaScript and CSS. In this article, we'll look at how to use the extensions APIs to manipulate Opera desktop's windows…

What's in an Opera extension?

October 21, 2010 · by Chris Mills

In this article we give you an overview of what is included inside an Opera Extension, and we'll have a brief look at some of the APIs. You find more extensive API reference documentation on Opera Labs.

Introducing the Opera Link API

October 14, 2010 · by Esteban Manchado Velázquez

Opera Link has been around for some years now, but so far it has been available only in Opera products. That has finally changed! With the Opera Link API now available, you can now develop your own applications that can both read and write Opera Link data.

クロスブラウザな CSS box-shadow

October 13, 2010 · by Makoto Mizukami

陰影は要素に深みを与えるためにウェブや印刷のデザインでよく使われます。従来ウェブコンテンツで陰影をつけるには、画像編集ソフトウェアで作成され CSS で背景として指定された複数の画像が必要とされていました。確かにこの手法は目的を達成させますが、同時に画像作成が大変だったり、一つの要素には一つの画像しか当てられないことによりネストされる div 要素でマークアップが膨大になったりします。

Consistent event firing with HTML5 video

October 6, 2010 · by Simon Pieters

If you play around with the HTML5 <video> element for any significant length of time, you may well run into a problem with inconsistently firing events: sometimes you don't seem to get some events, and sometimes it behaves differently depending on whether…

Opera Dragonfly visual refresh

September 29, 2010 · by David Storey

The Opera Dragonfly team is hard at work on the first stable release. Just as dragonflies metamorphose from ugly larva into beautiful dragonflies, we are in the process of redefining our user interface.

Creating web content for TV

September 9, 2010 · by Patrick H. Lauke

This guide is aimed at web developers wishing to optimize their web sites and applications for better compatibility with web-enabled/connected televisions — with a particular emphasis on the Opera for Devices SDK and its functionality.

A CSS-only scrollable timeline, Part 1

August 25, 2010 · by Alexander Futekov

It is quite surprising that very few tools for creating timelines exist, and those on offer typically use Flash or proprietary JavaScript and don't offer much in the way of customization.

Web accessibility for cognitive disabilities and learning difficulties

August 4, 2010 · by Ian Pouncey

Web accessibility for people with cognitive disabilities and learning difficulties is one of the most overlooked subtopics of general web accessibility, despite it affecting the largest numbers. A large part of it is that there are so many conditions to…

Building a custom HTML5 video player with CSS3 and jQuery

July 28, 2010 · by Cristian-Ionut Colceriu

The HTML5 <video> element is already supported by most modern browsers, and even IE has support announced for version 9. There are many advantages of having video embedded natively in the browser (covered in the article Introduction to HTML5 video by Bruce…

Mobile-friendly: The mobile web optimization guide

July 28, 2010 · by Bruce Lawson

If I had a Euro for everyone who asks me at conferences how they can mobilise their web site, I'd be extraordinarily rich as well as breathtakingly handsome.

Opera Mobile 10.1 labs release for Maemo

July 21, 2010 · by Anders

Last week, we released the first beta of Opera Mobile 10.1 for S60 . Those with Maemo devices don't need to feel left out though: we have been working hard at keeping the Maemo code in step with the other Opera Mobile releases, and we are proud to present…

Cross-browser CSS box-shadows

July 15, 2010 · by Rustam Gaffanov

Drop shadows are often used in web and print design to give elements more depth. Creating drop shadows for the Web used to require multiple images, created in image editing software and then attached to the page as CSS background images. This approached…

Animación en JavaScript

July 14, 2010 · by dedalo534

En este artículo, echaremos un vistazo al arte de crear animaciones utilizando JavaScript — las animaciones se suelen utilizar para añadir experiencia de usuario, para la gente que utiliza navegadores que pueden soportarlo. Los usos más comunes son…

The Opera Widgets Mobile Emulator

July 12, 2010 · by Patrick H. Lauke

Making sure that your widget looks great and works exactly as it should on mobile devices can often be a tedious process. With Opera Mobile 10 for Windows, Linux and Mac we've included the Opera Widgets Mobile Emulator — a native application that can be run…

An HTML5 <audio> radio player

July 6, 2010 · by Trygve Lie

Previous to HTML5 coming on the scene, it was a fairly awkward task to add audio to web pages. For many years, Flash was the only way to provide audio in any kind of interactive way – but with the introduction of the <audio> element in HTML5, audio playback…

Running your web applications offline with HTML5 AppCache

July 1, 2010 · by Shwetank Dixit

Web applications are becoming more complex and capable every day. There are many examples of web applications doing the same job as desktop applications in various fields (think about Google Docs, Picasa, etc.). However, one major disadvantage is that they…

Web Workers rise up!

July 1, 2010 · by Daniel Davis

Picture this. You are the dear leader of the little-known land of ScravaJipt, reigning supreme over all you survey. You have a chief servant to look after you, buy your clothes, press the buttons on your mobile phone. But there are times when this gets too…

Асновы Opera Unite для распрацоўнікаў - абноўленыя

June 21, 2010 · by p-clausnitzer

Opera Unite уяўляе сабой вэб-сервер, які працуе ўсярэдзіне браўзара Opera, які дазваляе рабіць дзіўныя рэчы. Адным націскам на кнопку вы можаце падзяліцца малюначкамі, дакументамі, відэа, музыкай, сумеснымі гульнямі і мноствам іншых рэчаў з сябрамі і…

Améliorez vos formulaires avec HTML5!

June 17, 2010 · by tglasgow

L'HTML n'a pas vraiment été mis à jour depuis la sortie d'HTML version 4 qui remonte à 1998. Cependant, le groupe de travail WHATWG a travaillé sur l'HTML depuis 2004 puis transmis au W3C qui prend la forme des spécifications HTML5 du W3C. Cet article…

How to use the W3C Geolocation API

June 16, 2010 · by Shwetank Dixit

Imagine visiting a city for the first time. You're hungry, but don't know where the nearest restaurants are and which of them are any good. Wouldn't it be nice if some app could detect your location and provide you with a list of restaurants closest to you,…

13: HTML の <head> 要素

June 15, 2010 · by Masataka Yakura

この記事は HTML 文書中であまり注目を集めない head 要素とその内容について説明します。このチュートリアルでは、DOCTYPE 宣言、title 要素、キーワードや説明 (meta 要素に記述します) など、head 要素の中身や関連する情報について説明します。また、JavaScript や CSS (内部で記述する方法と外部のものを参照する方法) についても説明します。

14: 適切な DOCTYPE の選択

June 15, 2010 · by Masataka Yakura

13 番目の記事 では HTML の head 要素について、要素内にどのようなものがあり、またどんな働きをしているかを解説しました。今回は DOCTYPE について、その役割や HTML の検証にどう役立つか、DOCTYPE の選び方、XML 宣言 (ほとんどの場合必要ありませんが、時たま出会うことがあります) について紹介します。

Showing and hiding content with pure CSS3

June 9, 2010 · by Corey Mwamba

Modern websites and applications are more dynamic than old style web pages, with several pieces of well-placed JavaScript providing smoother content updates, more intuitive user feedback and more responsive controls. One very common feature is the…

26. A hozzáférhetőség tesztelése

May 26, 2010 · by Nuphar

A webes hozzáférhetőség tesztelése része a használhatóság tesztelésének, mikor a vizsgált felhasználók köre olyan mértékben akadályoztatott, hogy az hatással van arra, ahogyan a webet használja. A végső cél, a hozzáférhetőség és a használhatóság tekintetében…

Welcome, WebM <video>!

May 19, 2010 · by Håkon Wium Lie

In February 2007, 1177 days ago to be exact, Opera proposed the <video> element and we published a manifesto for video on the Web . When proposing <video>, we knew there would be two challenges. The first was easy: to get consensus around the syntax. We…

Opera supports the WebM video format

May 19, 2010 · by Chris Mills

You’ll probably already have read up on and experimented with the new HTML5 <video> element, which allows us to include video inside an HTML page without the need for plugins (if not, read our Introduction to HTML5 video before going any further.) You’ll…

Buenas prácticas en JavaScript

May 18, 2010 · by dedalo534

El escribir un artículo de buenas prácticas es un negocio complicado. Para un buen número de gente, lo que se puede leer a continuación será bastante obvio y justo lo que hay que hacer.

Creando y modificando HTML

May 13, 2010 · by dedalo534

En este artículo explicaremos los conocimientos básicos de JavaScript para manipular el contenido de las páginas HTML, incluyendo mostrar y ocultar partes de una página, y añadir nuevo contenido HTML, y eliminarlo. Al final, habremos comprendido que la razón…

Mejora Progresiva

May 13, 2010 · by dedalo534

En este artículo hablaremos de la diferencia entre dos formas de desarrollo: degradación elegante y mejora progresiva. Haciendo las cosas simples, a continuación las deficiones de trabajo:

Manejando eventos en JavaScript

May 13, 2010 · by dedalo534

Ahora que nos sentimos confortables con el uso de CSS para colocar componentes, y manipular sus estilos, y hemos dado los primeros pasos en JavaScript, comprendiendo variables, funciones, métodos, etc, es hora de empezar a usar ese conocimiento,…

Funciones en JavaScript

May 13, 2010 · by Mario Castillo Monge

Las funciones son la esencia de prácticamente todo lo útil que harás con Java Script. En términos generales, las funciones ofrecen la capacidad de dividir lógicamente un programa en varias secciones, cada una de las cuales implementa una funcionalidad…

Objetos en JavaScript

May 13, 2010 · by dedalo534

En el artículo de funciones anterior se introdujo el concepto de funciones, enseñando como organizar y reutilizar mejor el código, agrupando funcionalidad individual en funciones lógicas, a las que se pueden llamar cuando se quiera. Ahora, que ya estamos…

Recorriendo el árbol DOM

May 13, 2010 · by dedalo534

Es difícil encontrarse con un ejemplo de código JavaScript usable en la Web que no interaccione de alguna manera con un documento HTML. Generalmente, el código va a necesitar leer valores de la página, procesarlos de alguna forma, y entonces, generar una…

We’re back! Opera Mobile 10 on Maemo

May 11, 2010 · by Fredrik Öhrn

We’re proud to present the first preview build of Opera Mobile 10 for Nokia N900 and N800/N810.

O modelo de padrões web: HTML, CSS e Java Script

May 6, 2010 · by Luis Cavalcanti Bahiana

No artigo anterior, falamos brevemente dos alicerces da Web – HTML (ou XHTML) CSS e JavaScript. É hora de ir mais fundo e examinar cada um deles – o que fazem, e como interagem entre si na criação de um website. O artigo apresenta os tópicos a seguir:

Icon Creator tutorial

May 5, 2010 · by Opera Software

There are many tasks in web development that are tedious and time consuming but absolutely essential to ensure that the product comes across as professional and looks finished. Icon creation is one of them. An application with a badly-designed icon will look…

Beautiful UI styling with CSS3 text-shadow, box-shadow, and border-radius

April 27, 2010 · by Jan Henrik Helmers

Previous articles have covered the basics of CSS3 transitions and 2D transforms and CSS3 borders, backgrounds and box-shadows; refer to those articles if you need to read up on the basics of using these properties.

Introduction à l'élément HTML5 video

April 23, 2010 · by Nicolas Chevallier

Il y a bien longtemps, dans une galaxie qui semble très lointaine, le multimédia sur le Web était limité aux mélodies MIDI et aux GIF animés. En même temps que la bande passante est devenue plus rapide et les technologies de compression ont été améliorées, le…

The Opera Mobile emulator: Mobile development from the comfort of your desktop

April 22, 2010 · by Andreas Bovens

A bit more than a month after the release of Opera Mobile 10 for Windows Mobile and Symbian smartphones, we are happy to announce a special developer version of Opera Mobile 10 for Windows, Mac and Linux .

Opera Mobile 10 and the Opera Widgets Mobile Emulator on your desktop

April 22, 2010 · by Patrick H. Lauke

Making sure that your site looks great and works exactly as it should in mobile browsers can often be a tedious process.

25. A hozzáférhetőség alapjai

April 21, 2010 · by Nuphar

Mikor egy webszájtot készítesz, a hozzáférhetőség—a webhely használhatóvá tétele mindenki számára képességeiktől vagy akadályozottságuktól függetlenül—kiemelt fontosságú kell hogy legyen. A kurzus folyamán a hozzáférhetőség eddig minden példa esetében magától…

12: HTML の基礎

April 20, 2010 · by Masataka Yakura

この記事では、HTML が何であるか、何をするものなのか、その大まかな歴史、文書の構造など、HTML の基礎について学ぶことになります。個別の機能については、この次の記事から詳しくみていきます。

JavaScript で実現する アクセシブルな字幕付き HTML5 ビデオ

April 20, 2010 · by Masataka Yakura

HTML5 ではサードパーティ製プラグインに頼らず、ブラウザーが直接表示するかたちで Web ページにビデオを埋め込むことができます。(HTML5 video の真の力については、HTML5 video の紹介をご覧ください。)

Los Principios del Java Script No Obstrusivo

April 20, 2010 · by Joaquin Windmuller

En los artículos anteriores hablamos bastante sobre HTML, CSS y de como implementarlos de manera adecuada, además hemos pasado por los aspectos básicos de JavaScript— qué es, qué puede hacer por ti, y por qué deberías conocerlo. Antes de ir al detalle del uso…

CSS generated content techniques

April 1, 2010 · by Divya Manian

The content property was introduced in CSS 2.1 to add generated content to the :before and :after pseudo-elements. This is now supported on all major browsers — Firefox 1.5+, Safari 3.5+, IE 8+, Opera 9.2+, Chrome 0.2+). In addition, Opera 9.5+ and Safari 4…

23. Több lap létrehozása navigációs menüvel

March 30, 2010 · by Nuphar, Szökőcs Csaba

Ebben a leírásban a webszájt navigációról és a menükről fogok beszélni. Különböző típusú menükről tanulsz majd és arról, hogyan készítheted el őket HTML-ben. A menük használhatóságának és elérhetőségének témáját is érinteni fogom. Egyelőre nem fogok belemenni…

24. A HTML validálása

March 30, 2010 · by Nuphar, Szökőcs Csaba

Nos, már írtál néhány HTML oldalt és a megjelenítésük is jónak tűnik neked, de van egy pár dolog, ami nincsen egészen rendben velük. Mi a legjobb módja annak, hogy kiderítsük, mi nem stimmel, és biztosak legyünk abban, hogy ezek az oldalak (és azok, amelyeket…

35. Float és clear

March 30, 2010 · by Nuphar

Ebben a leírásban megismerkedhetsz a float és a clear használatával - egy modern webdizájner két elengedhetetlen eszközével. Ezek a széles körben felhasználható eszközök alkalmasak szövegek körbefolyatására képek körül vagy többhasábos elrendezések…

A developer’s look at Opera Mini 5

March 16, 2010 · by Daniel Davis, Chris Mills, Patrick H. Lauke

This article introduces Opera Mini 5, our next-generation mobile Web browser. Like previous versions, Opera Mini 5 works on most modern phones — from high-end smartphones to basic feature phones. In fact, it will run on almost any phone with a JVM, and there…

Opera Mobile 10 developer’s introduction

March 16, 2010 · by Daniel Davis, Andreas Bovens, Patrick H. Lauke, Chris Mills, David Storey

Opera Mobile is our web browser for high-end phones and we have just released version 10 for Windows Mobile and Nokia smartphones. In this article we take a look at the browser’s main new features, provide developers with information on making sites…

Everything you need to know about HTML5 video and audio

March 10, 2010 · by Simon Pieters

Opera 10.50 has now been released on Windows, and it supports the HTML5 video and audio elements. But how do you use them? Introduction to HTML5 video covers a general introduction but doesn't go into the details; Accessible HTML5 Video with JavaScripted…

Framerate control system for JavaScript

March 10, 2010 · by Javier Degirolmo

This article discusses how to create a reliable framerate control system in JavaScript. It is basically a timer with a rate of several cycles per second. It would normally be used in games as a timer to keep the game logic running at a given speed — it is…

Web Storage: easier, more powerful client-side data storage

March 2, 2010 · by Shwetank Dixit

Web applications are getting more advanced each day, with more elaborate uses of JavaScript as well as upcoming standards and technologies. We increasingly rely on these applications, many of them becoming a part of our daily lives. One area in which Web…

Opera Widgets go mobile

February 18, 2010 · by Andreas Bovens

Update April 22, 2010: updated builds for S60 and Windows Mobile with various UI and performance improvements, as well as many bug fixes. Also check out our latest Labs post announcing the Opera Widgets Mobile Emulator and Opera Mobile developer tools for Mac…

Introduction to HTML5 video

February 11, 2010 · by Bruce Lawson, Patrick H. Lauke

A long time ago, in a galaxy that feels a very long way away, multimedia on the Web was limited to tinkling MIDI tunes and animated GIFs. As bandwidth got faster and compression technologies improved, MP3 music supplanted MIDI and real video began to gain…

Remote debugging of widgets on mobile devices

February 10, 2010 · by Hans S. Tømmerholt

This article shows you how to debug widgets running on your mobile phone. For some background, take a look at the following articles:

Accessibilité d'une vidéo en HTML5 avec sous-titres en JavaScript

February 9, 2010 · by Nicolas Chevallier

HTML5 nous permet enfin d'intégrer de la vidéo dans nos pages web, directement lisible par les navigateurs et sans avoir à installer de plugin. Cette fonctionnalité a été ajoutée à Opera depuis la version 10.5 pre-alpha (Windows et Linux pour le moment, la…

Opera Widgets specification 1.0, fourth edition

February 9, 2010 · by Chris Mills

This document describes Opera Widgets 1.0, fourth edition, and covers all aspects of Opera Widgets, including the packaging format, the configuration file - config.xml - and scripting interfaces for working with widgets. This document represents the required…

The Opera Widget runtime for Desktop

February 9, 2010 · by Remigiusz Bondarowicz

Opera Widgets are made using Web standards, the same technology used to build Web pages. This ensures that they work on all platforms and operating systems, as well as providing developers with a much shorter and simpler development cycle for creating desktop…

The Opera Widgets Manager application

February 9, 2010 · by Hans S. Tømmerholt

The Opera Widget manager is a standalone application allowing you to organize and run widgets independently of the browser. The manager integrates with Opera’s distribution channel for widgets – widgets.opera.com – and responds to files with a .wgt extension.

The Opera Widgets runtime for Desktop

February 9, 2010 · by Remigiusz Bondarowicz

Opera Widgets are made using Web standards, the same technology used to build Web pages. This ensures that they work on all platforms and operating systems, as well as providing developers with a much shorter and simpler development cycle for creating desktop…

Widget control buttons

February 9, 2010 · by Hans S. Tømmerholt

Widget control buttons ensure that a consistent set of basic controls – Move, context menu, Minimize and Close – are available in all widgets in “Widget” mode. See the top-right of Figure 1 for an idea of what they look like.

SVG or Canvas? Сhoosing between the two

February 4, 2010 · by Mihai Sucan

New Web technologies are gaining support across browsers, with bridging solutions becoming available for those that don't, eg Raphaёl for SVG, and ExCanvas for Canvas. Even Internet Explorer has started to flirt with SVG, so we could see wider support in the…

Opera Nalakuvara, a customized browser for the Taiwanese community — Part 1: planning

January 27, 2010 · by Jedi Lin

Nalakuvara is probably the most famous customized Opera package in Taiwan. It is cross-platform, open-sourced, unobtrusive, multi-lingual and fully localized for Taiwanese users. This article focuses on the technical details of planning and managing an Opera…

Opera Nalakuvara, customized Taiwanese browser — Part 2: Tweaking Opera default settings

January 27, 2010 · by Jedi Lin

In the first part of my series covering how I created the customized Opera Nalakuvara package, I looked at aspects such as naming it, community research, getting together my toolset, getting the installation procedure right, and working out what files I need…

Opera Nalakuvara, customized Taiwanese browser — Part 3: Third party components and menus

January 27, 2010 · by Jedi Lin

In the previous parts in the series, we discussed initial planning and customizing the installation procedure, and tweaking Opera's default settings. This is great, and these parts of the procedure have already provided a great number of useful customizations.

Opera Nalakuvara, customized Taiwanese browser — Part 4: Deployment, documentation, testing

January 27, 2010 · by Jedi Lin

Nalakuvara is now almost complete. With the main coding and customization all done, it's time to move in to the endgame, which is what we'll cover in this article. I will show you how to package and deploy Nalakuvara. We will talk about creating useful…

1: מבוא לתכנית לימוד התקנים ברשת/תוכן העניינים

January 14, 2010 · by eliranmal

יש לי חלום, כבר זמן מה. עבודתי בשמונה או תשע השנים האחרונות התמקדה בתחום החינוך, בין שעסקתי בהסמכה ועריכת ספרי הדרכה טכניים כדי לעזור לאנשים ליצור דברים מגניבים באמצעות טכנולוגיה, או בהכשרת עובדים חדשים במגוון החברות בהן עבדתי, ובין בכתיבה ועריכה של מאמרים…

2: היסטורית הרשת והאינטרנט, והתפתחות התקנים

January 14, 2010 · by eliranmal

תתחילי בהתחלה, אמר המלך בסבר פנים חמור, אז המשיכי עד שתגיעי אל הסוף: שם עצרי.

Gridnite part 3: saving and restoring multiple spreadsheets

January 14, 2010 · by Slava Vishnyakov

Our Gridnite collaborative spreadsheet application is coming along well — in the last two articles we did the following: Part 1: implementing the basic spreadsheet functionality, Part 2: adding formulas. Our next big steps in developing the application are…

Accessible HTML5 Video with JavaScripted captions

January 13, 2010 · by Bruce Lawson

It’s great that HTML5 allows us to embed video into web pages that can then be displayed directly by browsers, without having to rely on third-party plugins. In the Opera 10.5 pre-alpha, this functionality has been added to Opera (on Windows and Linux; the…