Home β€Ί Browser β€Ί Opera

Opera

Opera Mobile 9.5 - the developer angle

Thu, 2008-07-17 10:20 β€” Spider84

Chris Mills tells about the new version of Opera Mobile browser and exploring itnew feature for developers. He writes:

«Opera Mobile 9.5 beta 1 has just come out! This release works only on Windows Mobile devices, although the final release will also support Symbian phones, with others being added in the future as well. It comes with many exciting new user features such as:

  • Faster speed: With the Presto rendering engine, Opera Mobile 9.5 beta 1 is more than 2.5 times faster than Internet Explorer Mobile.

  • Great new look and feel: The beautiful UI, animation and transitions in Opera Mobile 9.5 beta 1 set a new standard for the mobile browsing experience—see Figure 1 for an example screenshot. »

Source: Opera developer community.

Bookmark/Search this post with:

Remote debugging with Opera Dragonfly

Thu, 2008-07-17 09:47 β€” Spider84

David Sorey post an article about remoting debugging with Opera Dragonfy. This article covers the followings topics:

  • Introduction

  • Setting up remote debugging

  • Debugging your first mobile page

  • Wrapping up and disconnecting

  • Conclusion

Source: Opera Developers Community.

Bookmark/Search this post with:

Opera Skinning

Mon, 2008-06-23 09:40 β€” Spider84

Lars Kleinashmidt post a large series of article in whiich he describes in details process of skinning Opera browser. Here's the list of the topics discissed in the first article:

  • Locating the skin files

  • Unpacking / packing skins

  • Skin structure

  • Introduction to skin.ini

  • Native / non-native skins

  • Fallbacks

  • backward and forward compatibility

  • Standard skin folder/file list

  • Image formats

  • Animations

  • Image loading

Source: Opera Developer Community site.

Bookmark/Search this post with:

Opera 9.5 released!

Thu, 2008-06-12 10:43 β€” Spider84

Opera 9.5 released today. You can download from Opera official site.

Chris Mills post large article about improvenments in this release. Here's the list of main new features and improvments discussed in this article:

  • Opera 9.5 web standards support

    • (X)HTML, CSS 2.1 and JavaScript

    • CSS 3

    • XML and XSLT

    • HTML 5

    • SVG

    • ARIA

    • Opera Widgets

  • Opera’s developer tools

    • Opera Dragonfly

    • The Opera Developer Menu

    • The Opera Wiget Emulator

    • The Opera Mini Emulator

  • Summary

Source: Opera Developer Community.

Bookmark/Search this post with:

Tightened Local File Security

Wed, 2008-05-21 13:35 β€” Spider84

John Resig writes about one of the security improvments Firefox 3. Here's small excerpt from this post:

«There's been an interesting security adjustment in Firefox 3 that'll have some, potential, ramifications in some (file ://-hosted ) web pages. Specifically how local files are referenced and accessed, in parent directories, has changed.

 

For example, previously you could create an HTML page and have it request a file in a parent directory, like so:

<html>

<head>

<title>Local File</title>

<script>

var xhr = new XMLHttpRequest();

xhr.open("GET", "../some/file.txt", true);

// ... handle the response ...

xhr.send(null);

</script>

</head>

<body></body>

</html>

However that is no longer possible (just to emphasize: This is no longer possible only on locally downloaded web pages, running in file://...) as an HTML page can no longer access files in parent directories. This includes both ../ relative URLs and file://... absolute URLs.»

Read the full version in the John Resig blog.

Bookmark/Search this post with:

Opera Widgets and Ajax: connecting to multiple servers

Wed, 2008-05-21 13:20 β€” Spider84

There is an intresting article posted on the Opera Developer Community about using the AJAX technology in Opera gadgets. This article covers the followings topics:

  • The same-origin security policy

  • The Opera Widgets security model

  • How to do cross-site XMLHttpRequests in widgets

    Bookmark/Search this post with:

Hands on: Opera 9.5 beta 2 improves speed, adds features

Tue, 2008-04-29 13:45 β€” Spider84

Jeremy Reimer Revies the new beta version of th opera browser in his new article posted on the Ars Technica magazine site. He writes:

«Opera has consistently defied expectations about what a browser (and browser company) can accomplish. Begun back in 1994 as a research project at the Norwegian research company Telenor, the Opera browser was first released as version 2.0 in 1996, and ported to multiple platforms in 1998. Originally a paid-for browser, Opera became ad-supported with version 5, but the ads were removed in the 8.5 release, bringing the browser to completely free status. Version 9 offered many improvements, and now the company has released a second beta preview of version 9.5, which Ars first took a look at last year, back when it was in alpha. »

Source: Ars Technica.

Bookmark/Search this post with:

Getting started with Opera skinning

Fri, 2008-04-11 10:55 β€” Spider84

Lars Kleinscmidt published an intresting article about skinning Opera broser. Here's teh short list of topics that discussed in this article:

  • Locating the skin files

  • Unpacking / packing skins

  • Standard skin folder/file list

  • Example 1: replacing a toolbar button

  • Example 2: adding a custom toolbar button

  • Example 3: adding a background image to Speed Dial

Source: Opera Developers Community.

Bookmark/Search this post with:

Creating your first Opera widget

Wed, 2008-01-23 14:38 β€” Spider84

There is a intresting tutorial about creating Opera widgets on Opera Developer Community site. Widgets are small web applications running on your desktop. They are implemented using client-side web technologies, and creating one is very much like creating a web page, except that it is run in a slightly different context. This tutorial contain all basic infoemation and will guide you through all steps of creating the Opera widget. You can read the full version of this tutorial on Opera Developer Community site.

Bookmark/Search this post with:

Taking the canvas to another dimension

Tue, 2007-11-20 15:24 β€” Spider84

The Opera Community continues posting a series of article about features of  new HTML5.  In this time you can read about canvas - the new addition of HTML5 and new 3d context.
There is a lot of examples also
Source: Tim's Blog

Bookmark/Search this post with:

JavaScript support in Opera Mini 4

Tue, 2007-10-30 12:51 β€” Kigorw

Introduction

Opera Mini is a very clever way of bringing the web to your mobile phone - it will work on most phone models, even low spec ones, as long as they will run a JVM. Basically, when you request a web page from Opera Mini, a request is sent to the Opera Mini servers. They retrieve the page, convert it into OBML (Opera Binary Markup Language,) a very compact binary markup format that reduces the page size by up to 90%, and then serve it to your phone.

Bookmark/Search this post with:

Debugging JavaScript problems with Opera

Fri, 2007-08-31 09:47 β€” Kigorw

This tutorial is intended for webmasters or users with a technical interest and some experience with HTML and/or JavaScript. It will demonstrate relatively simple ways of getting to the root of the problem if a JavaScript does not work as expected in Opera.

Read it here

Bookmark/Search this post with:

Opera Developer Console

Wed, 2007-03-14 10:28 β€” Kigorw

Using the Opera Developer Console

The Opera Developer Console is a web technology-based tool for inspecting and analyzing various aspects of a webpage during development or debugging. The Developer Console exposes various aspects of the DOM, the JavaScript enviroment and the CSS attached to the document. This document is a quick introduction to the Developer Console, and users are expected to be familiar with the DOM and CSS. Some knowledge of JavaScript is also an advantage, but not a prerequisite.

Opening the Developer Console

Opening the developer console is achieved by going to the Advanced submenu of the Tools menu, and selecting the Developer Console option. When you do this, Opera will open a Developer console instance for the currently active document.

Console basics

The console opens in DOM View by default When the Developer Console is opened, the different tools are made available in one of five different tabs:

Bookmark/Search this post with:

Web Technologies for Opera Web Applications

Fri, 2007-02-23 09:30 β€” Kigorw

The basis of a Web application is usually HTML. The HTML documents are translated into a DOM data structure by the browser. The DOM tree can be modified through scripting, often in ECMA/JavaScript, where elements can be added, changed, or removed through DOM bindings in the scripting environment. The result is a document that can change dynamically. Combine this with networking capability through the XMLHttpRequest object, and you have a fully working Web application. Opera also has support for various multimedia such as SVG, Canvas and the Audio object.

HTML - HyperText Markup Language

HTML is the oldest and most widespread language on the Web. It describes hyperlinked documents where the content is marked up with tags, or elements, that identify semantic parts of the document, such as paragraphs, headings, and lists. 

<!DOCTYPE html>
<html>
  <head>
    <title>A Web page</title>
  </head>
  <body>
    <h1>A Web page</h1>
    <p>A <a href="foo.html">link</a>.</p>
  </body>
</html>

HTML has several types of elements divided into two categories, block elements and inline elements. Block elements separate the document into different types of sections. Examples include the p (paragraph), ul (unordered list) and table (tabular data) elements. Inline elements refer to parts of a sentence, for example surrounding a set of words. Examples include the q (quote), code (program code) and dfn (definition) elements. Through the use of these different elements, content can be marked up to identify the different kinds of content in the document. The different elements can have attributes, name-value pairs which further qualify the elements with information. Examples include the id (identifier), href (hypertext reference, a link URL), and lang (language) attributes.

HTML comes in two flavours: HTML and XHTML. The latter is an application of XML, meaning that it is required to be well formed, but thus also easier to parse. The content of the languages is mostly the same, meaning the same elements and attributes are available. However, there are slight differences in how Opera handles the two. See the document on doctypes in Opera [OPERADOCTYPE] for more information.

See the HTML specification [HTML4] and the XHTML specification [XHTML] for more information.

XML - Extensible Markup Language

Bookmark/Search this post with:

Improve your forms using HTML5!

Thu, 2006-12-14 14:15 β€” Kigorw

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 of the proposed form chapter of HTML5: Web Forms 2. (Opera has an experimental implementation of Web Forms 2 so if you want you can try out some of the examples listed here.)

autofocus and omitting attributes

The new Web Forms allows you to do validation and a number of other features in a more declarative way making it much easier to author. For instance this code example:

<form action="" method="get">
 <p><label>Search: <input type="text" id="search"></label></p>
 <script> document.getElementById('search').focus() </script>
 <!-- the rest of the form -->
</form>

can be written using the new form functionality as follows:

<form>
 <p><label>Search: <input autofocus></label></p>
Bookmark/Search this post with:
12next β€Ίlast Β»
Syndicate content