Web Browsers And Packages
Release: 2010-02-05
Jump to Web Standards Articles TOC
Presto Web Browsers including Opera
Presto 2.2, used in Opera 10, is a Layout Level web platform using the Core 2 layout engine and Futhark scripting engine. Opera is available for many environments. This cutting-edge, web-standards supporting browser has support for:
- HTML 4.01 (HyperText Markup Language);
- HTML 5 'Subset';
- label attribute for option elements;
- HTML 5's
<meta charset="">; - HTML 5 Forms except for input types
search,telandcolor; 'named character reference;- contenteditable and spell checking support (but not spellcheck attribute);
canvasElement;- WAI-ARIA adds support for Accessible Rich Internet Applications;
- Cascade StyleSheets (CSS) level 1, Visual & Interactive and Paged level 2.1 provides a realistic way of adding presentation and layout to your document structures;
- Some main and custom CSS 3 features;
- The ability to style and script with unknown markup;
- For image support we have GIF89a, JPEG, PNG, Icons (.ico, .png, .jpg, .gif), BMP (Windows Bitmap), XBM (X Bitmap), WBMP (Wireless Bitmap) and SVG 1.1;
- Document Object Model (DOM) level 1 (HTML, XML), 99% of level 2 (Core, HTML, XML, Views, Stylesheets, CSS, CSS2, Events, UIEvents, MutationEvents, MouseEvents, HTMLEvents, Traversal, Range), some Level 3 (bits of Core, LS (Load & Save), LS-Async (Asynchronised Load & Save) and XPath as well as partial XML and Events), Bits of DOM 5 HTML exposes the document to scripting interaction;
- JavaScript 1.6 (without multiple catches);
- Selectors API allows an easier way to access parts of the DOM using CSS-like selectors;
Canvas feature support includes:
- Stroke and fill colours;
- Rectangles;
- Paths;
- rgba/hsla colours;
- Linear and radial gradients;
- Patterns;
- Translations, rotation and scale;
- Bring in pixel images;
CSS level 3 features supported includes:
-
hsl(),rgba(),hsla(); - Namespace and Speech Modules;
-
opacityandbox-sizingfor layout model switcher; - Most of CSS3 Media Queries and its own
-o-linking properties for XML; -
text-shadow; -
::selectionpseudo-element selector, Structural pseudo-class selectors (like:nth-child,:not,:empty,:first-of-type, etc),:enabled,:disabledand:checkedUI state pseudo-class selectors and the:targetselector; - From Opera 10:
@font-faceAt Rule with multiplesrcvalues,local()andformat()functions (support for TrueType and OpenType fonts as well as SVG Fonts);
SVG support includes:
- Groups;
- Stroke and fill colours;
- Basic shapes (Rectangles, Rounded Corner Rectangles, Lines, Circles, Ellipses, Polylines and Polygons);
- Paths;
- Opacity;
- Text;
- SVG 1.2 text (
textArea,tbreak, etc); - Hyperlinkg;
- Linear and radial gradients;
- Translations, skews, rotation and scale;
- Bring in pixel images;
- SVG declarative animation;
- SVG Fonts;
- SVG (at least 1.1) Filters;
- CSS support (CSS properties not supported on SVG text);
- Scripting support;
- Scripted animation;
- SVG integrates with webpage (true transparent background);
In the realm of XML:
- eXtensible Markup Language (XML) 1.0 and 1.1 with Namespaces & XML-Stylesheet Processing Instruction (PI);
xml:idAttribute;- eXtensible HyperText Markup Language (XHTML) 1.0, 1.1 (without Ruby Annotation) and Basic 1.0;
- Wireless Markup Language (WML) 1.0 to 2.0 & XHTML Mobile Profile provides document structure primarily for the mobile and PDA market;
- CSS for Mathematical Markup Language (MathML) 2 to present math and sciences expressions on the web;
- Scalable Vector Graphics (SVG) 1.1 and partial 1.2 Tiny for ultimate 2-dimensional vector image display on desktop and mobile;
- eXtensible Stylesheet Language Transformations (XSLT) 1 & eXtensible Path Language (XPath) 1 allows the ability to convert document structure into other document structures;
- RSS and Atom news feed support;
- XML Events for current and future script event handling;
- XHTML+Voice 1.2 (includes VoiceXML 2.0) for Text-To-Speech and Speech Recognition handling;
- Limited XML Document Type Definition support only to process Entities in the Subset;
providing an excellent platform for experiencing the World Wide Web.
Opera passes the Acid 2 Test which tests Cascade Stylesheet (CSS) support. More about the Acid 2 Test from the Web Standards Project (WASP).
Opera 10 also clocks 100 out of 100, passing all tests and one test took 26 attempts, on the Acid 3 Test which tests DOM, scripting, HTML, SVG and various other technologies for Web 2.0. More about the Acid 3 Test from the Web Standards Project (WASP).
In order to allow users to navigate and use interactive webpage features using the keyboard (part of making webpages accessible) Opera provide the following: You can tab through form controls in general. On MS Windows and Linux/Unix platforms use control+down arrow to highlight each link at a time or control+up arrow to highlight the previous link. On Apple Mac OS X use command+down arrow to highlight each link at a time or command+up arrow to highlight the previous link.
Opera Features
Not just on the desktop, but various forms of Presto/Opera are available for smart phones, Personal Digital Assistants (PDAs) and home media systems amongst other embedded environments.
Presto is also used in Adobe Dreamweaver, Nintendo DS Web Browser, Nintendo Wii Web Browser and many TV Set-Top Boxes and mobile web browsers.
Opera features a web browser, M2 mail client and newsgroup component complete with RSS news feed support plus built in chat client. All email, news and feeds are now stored in an internal database to help improve performance.
Popup window blocking prevents unsolicited advertising and the Rewind and Fast Forward controls allow giant leap to the back or the front of your history queue. Quick Find scans your browsing history for suggestions of autocomplete web address'. Opera Links allows synchronisation of bookmarks between Opera on multiple computers and mobiles.
Support for HTTP, FTP and BitTorrent downloads. Saved sessions and per-site preferences, add search engines and widgets improve the quality of your web experience. CSS Media Types that Opera includes all, screen, print, projection, handheld and speech. To view your website with your print stylesheet go to Print Preview; to view with projection stylesheet you can use Opera Show/Full Screen (F11) and to view with handheld stylesheet go to the Small Screen mode. Opera also supports alternate stylesheets.
Plus for Web Developers Opera 10 has access to Opera Dragonfly: a set of debug and analysis tools for HTML, XML, CSS, DOM, ECMAScript/JavaScript and Network (how long pages, images, scripts, styleSheets, etc took to download).
Also note that due to websites still using browser sniffing scripts and sniffing for a single version digit; Opera 10's main version in the UserAgent String is Opera/9.80 (with version/10.00 at the end).
Opera 10 introduces Opera Turbo. A way for Opera to load webpages as fast as broadband even when using slow connection speeds. Plus an update feature has been added to Opera 10.
Version 10.1 introduces Opera Unite. It adds a web server and a collection of web applications to provide the ability to share content on the internet and directly share photos, movies and other files to other computers directly.
Version 10.5 (currently pre-Alpha level) uses Presto 2.5. It will add support for CSS 3 multiple background images in one declaration, CSS transitions, 2D transforms, box-shadow and border-radius. It will have a new graphics rendering engine called Vega and a new scripting virtual machine called Carakan.
Features that need to be added to Presto
- From CSS3:
- Some form of
border-radius(will in version 10.5); - Some form of
box-shadowproperty (will in version 10.5); - Multiple Background Images (will in version 10.5);
- Support for the Web Open Font Format (.woff);
- Some form of
- From HTML 5:
- Render shadows in
canvas; - Text in
canvas; - Native Media (
video,audio,source, media API); - Web Storage's
sessionStorage, - Persistent Structured Data Storage: (such as any of these:
- Web Storage's
localStorage, - Web Database Storage,
- Gears Database Storage.
- Web Storage's
section,article,aside,nav,hgroup,header,footer,mark,time,progress,meter,figure,figcaption,detailsandsummaryelements;- Inline SVG in text/html documents;
- Render shadows in
- From SVG:
- Support for CSS properties on text based SVG elements;
- Formats for HTML 5 Native Media:
- OGG Video (Theora),
- OGG Vorbis Audio;
Copyright ©2005-2010 Legend Scrolls and Peter Davison.
Icons from the Oxygen Icon Theme, LGPL, and PNG version of icons in the Oxygen Icon Theme from kde-look.org, GPL.
All rights reserved.