<commit_before>---
title: Opera 12.10 is out
authors:
- andreasbovens
tags:
- Opera
- extensions
- spdy
- browser
- opera 12.10
- Standards
- blog
layout: article
---
<p>Today, we&#39;re happy to release <a href="http://www.opera.com/browser/">Opera 12.10</a> for Mac, Windows and Linux! There are many goodies in this release, such as OS integration, improved standards support, new extensions APIs, compatibility tweaks and more. An overview.</p>
 
<h2>OS Integration</h2>
 
<img src="/blog/opera-12-10-is-out/sharing.png" alt="built-in sharing functionality" style="float:right; margin: 2px 0 2px 5px;" />

<p>Opera 12.10 for Mac supports a number of Mac OS X Mountain Lion features such as <strong>Notification Center</strong> (to let you know when e.g. a download is finished) and <strong>built-in sharing</strong> of pages to Facebook, Twitter, and more, and it also comes with Retina Display support.</p>
<p>Windows users aren&#39;t left out of course: as part of our continuing work on Windows 8 integration, Opera 12.10 has <strong>inertia scrolling and pinch-to-zoom</strong> on Windows 7 and Windows 8.</p>
 
<h2>Pretty colors</h2>

<p>Opera 12.10 also supports <a href="http://www.color.org/version4html.xalter">International Color Consortium (ICC) profile v4</a>, which will make photographs <strong>more vibrant and colorful</strong>, displaying them exactly as the photographer intended.</p>

<p>In the example below, you see what difference this can make. <a href="http://www.flickr.com/photos/scarletst/1145599896/">This photo of a caterpillar</a> by Flickr user <i>Scarlet St</i> looks more vibrant in Opera 12.10 compared to its predecessors, because the Adobe RGB (1998) profile included in the image metadata is applied (as intended).</p>

<img src="/blog/opera-12-10-is-out/color-profiles.jpg" alt="color profile example" style="float:left;" /> 
 
<h2>SPDY support</h2>
 
<img src="/blog/0icon_64x64.png" alt="SPDY extension" style="float:right;" />

<p>Opera has always been about speed, so the new release incorporates the new <a href="http://en.wikipedia.org/wiki/SPDY">SPDY protocol</a>, which <strong>makes web pages load faster on SPDY-enabled sites</strong> such as Twitter, Gmail, WordPress and (soon) Facebook. For users, things will just work faster, but developers wishing to see which sites have SPDY support can download our <a href="https://addons.opera.com/en/extensions/details/spdy-indicator/">SPDY indicator extension</a>.</p>

<h2>Extensions</h2>
 
<p>Talking of extensions, we&#39;ve added <strong>several new APIs</strong> to give more power to developers. The most notable of these is the <a href="http://dev.opera.com/articles/view/extensions-api-contextmenu/">Context Menu API</a> that allows an extension to add options to the user&#39;s right-click menu. Other improvements include the <a href="http://dev.opera.com/articles/view/extensions-api-resourceloader/">Resource Loader API</a>, the <a href="http://dev.opera.com/articles/view/extensions-api-screenshot/">Screenshot API</a> and an update to our <a href="http://dev.opera.com/articles/view/extensions-api-urlfilter/">URL Filter API</a>.</p>

<p>We&#39;ve also added <strong>support for high-DPI screens</strong> in our extensions framework: with two simple adjustments, you can make sure your extension icons look great on Retina Display screens. We invite you to read more about this particular change on <a href="http://my.opera.com/addons/blog/2012/10/24/extensions-icons-vs-high-resolution-displays">the extensions blog</a>.</p>

<img src="/blog/opera-12-10-is-out/0hi-dpi.png" alt="extensions icons on high-dpi and regular screens" style="float:left;" />
 
<p style="clear:left;">And last but not least, we&#39;ve <strong>tightened extension security</strong>: by default, <a href="http://my.opera.com/desktopteam/blog/2012/09/06/increased-security-when-installing-extensions">only extensions that are hosted by Opera may be installed</a>, as these have been rigorously tested to ensure they&#39;re safe and don&#39;t harm a user&#39;s machine or data.</p>
 
<h2>HTML5 and Web Standards</h2>
 
<p>Opera is the browser that <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/introduction.html#history-1">began the HTML5 specification</a> that is transforming the web, so it&#39;s only natural that we&#39;d be adding more support for the latest standards.</p>
 
<p>Opera 12.10 adds partial support for the <strong>Fullscreen API</strong> that allows video, games or web pages to use the whole screen to remove distractions like browser chrome that can divert your attention from skateboarding kittens or shooting aliens. (We say &quot;partial&quot; because new &quot;HTML5 the living-on-the-edge standard&quot; specs chop and change. This release implements the <a href="http://dvcs.w3.org/hg/fullscreen/raw-file/529a67b8d9f3/Overview.html" rel="nofollow">Fullscreen API editors&#39; draft 7 February 2012</a>, while the standard has now mutated in the latest <a href="http://dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.html" rel="nofollow">July 2012 version</a>.) Daniel has made a <a href="http://www.shinydemos.com/flying-tweets/">shiny demo</a> showcasing how the API can be used.</p>

<p>There&#39;s also partial support for the <strong><a href="http://www.w3.org/TR/page-visibility/">Page Visibility API</a></strong> that allows a tab to know if it isn&#39;t visible so, for example, it could suspend resource-hungry animations or pause HTML5 audio/video until the tab returns to view. <a href="http://www.shinydemos.com/flying-tweets/">Daniel&#39;s demo</a> also includes this API, so be sure to have a look at the source code.</p>
 
<img src="/blog/opera-12-10-is-out/hungry.jpg" alt="hungry kittens" style="float:right; margin: 2px 0 2px 4px" />

<p><strong>Web Sockets</strong> are in as well: now that security concerns with the spec have been addressed, we&#39;ve turned on this functionality by default in Opera 12.10, and Luz has created a <a href="http://hungry-kittens.jit.su/">Web Sockets demo featuring hungry kittens</a>. You can move around your cat and make it jump with the arrow keys, and meow with the spacebar, or by pressing the buttons underneath the image: the fun starts though when multiple people connect at the same time, and the room becomes overpopulated with jumping and meowing cats. Bonus: try it on <a href="https://play.google.com/store/apps/details?id=com.opera.browser">Opera Mobile 12.1</a> as well.</p>

<p>We now also have support for the <a href="http://www.w3.org/TR/css3-flexbox/">CSS Flexible Box Layout Module</a>, aka <strong>Flexbox</strong>. For your enjoyment, Chris has prepared a <a href="http://dev.opera.com/articles/view/flexbox-basics/">Flexbox introductory Dev.Opera article</a>. It&#39;s worth noting that we have implemented the recent spec without CSS prefix, but in addition, we&#39;re also aliasing the older Flexbox specification with a -webkit- prefix, for compatibility purposes. More info about this <a href="#csssitecompat">below</a>.</p> 

<p>And together with our Flexbox implementation, we&#39;ve also added support for <a href="http://www.w3.org/TR/css3-conditional/">CSS Conditional Rules Module Level 3</a> aka <strong>@supports</strong>. @supports makes it much easier for authors to use new CSS features and provide a fallback mechanism for implementations that do not support those features. In other words, if you build a Flexbox-based layout, you may want to look into using @supports so as to provide an alternative float-based layout to non-Flexbox capable useragents.</p>

<h2>User-Agent string changes</h2>

<p>Opera 12.10 ships with a <strong>simplified UA string</strong>: we have dropped the &quot;<code>U;</code>&quot; token,  as well as the language indicator. As an example, the UA string of Opera 12.10 on Mac OS X Mountain Lion is:</p>

<pre><code>Opera/9.80 (Macintosh; Intel Mac OS X 10.8.2) Presto/2.12.388 Version/12.10</code></pre>

<p>In a <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=572656#c0">corresponding Mozilla bug report</a>, <NAME> explains why this matters. If you&#39;re interested in figuring out the user&#39;s locale, you should be looking at the <code>Accept-Language</code> header instead.</p>
<p>Both these changes correspond to similar changes in the IE, Firefox, Chrome and Safari browsers&#39; UA strings.</p> 

<h2 id="csssitecompat">CSS and Site Compatibility</h2>
 
<p>Opera 12.10 now supports <strong>unprefixed CSS transitions, transforms, gradients, animations and flexbox</strong>. For a transitional period, we&#39;ll also support transitions, transforms and gradients with an -o- prefix, but these will be phased out in order to promote site compatibility and leaner code.</p>
 
<p>This release also <strong>introduces support for certain -webkit- prefixes</strong> on sites that don&#39;t correctly use unprefixed versions of stable CSS properties.</p>
<p class="note">Broadly speaking, where developers haven&#39;t coded for cross-browser compatibility, Opera will treat -webkit- rules as if they were unprefixed and therefore render the sites properly so users aren&#39;t penalized.</p>

<p>Of course, this also has an effect on any related JavaScript events and properties – so things like the <code>oTransitionEnd</code> event will be dropped in favor of the unprefixed (and lowercased, as per spec) <code>transitionend</code> event.</p>
<commit_msg>Fixed path and trailing spaces<commit_after>---
title: Opera 12.10 is out
authors:
- andreasbovens
tags:
- Opera
- extensions
- spdy
- browser
- opera 12.10
- Standards
- blog
layout: article
---
<p>Today, we&#39;re happy to release <a href="http://www.opera.com/browser/">Opera 12.10</a> for Mac, Windows and Linux! There are many goodies in this release, such as OS integration, improved standards support, new extensions APIs, compatibility tweaks and more. An overview.</p>

<h2>OS Integration</h2>

<img src="/blog/opera-12-10-is-out/sharing.png" alt="built-in sharing functionality" style="float:right; margin: 2px 0 2px 5px;" />

<p>Opera 12.10 for Mac supports a number of Mac OS X Mountain Lion features such as <strong>Notification Center</strong> (to let you know when e.g. a download is finished) and <strong>built-in sharing</strong> of pages to Facebook, Twitter, and more, and it also comes with Retina Display support.</p>
<p>Windows users aren&#39;t left out of course: as part of our continuing work on Windows 8 integration, Opera 12.10 has <strong>inertia scrolling and pinch-to-zoom</strong> on Windows 7 and Windows 8.</p>

<h2>Pretty colors</h2>

<p>Opera 12.10 also supports <a href="http://www.color.org/version4html.xalter">International Color Consortium (ICC) profile v4</a>, which will make photographs <strong>more vibrant and colorful</strong>, displaying them exactly as the photographer intended.</p>

<p>In the example below, you see what difference this can make. <a href="http://www.flickr.com/photos/scarletst/1145599896/">This photo of a caterpillar</a> by Flickr user <i>Scarlet St</i> looks more vibrant in Opera 12.10 compared to its predecessors, because the Adobe RGB (1998) profile included in the image metadata is applied (as intended).</p>

<img src="/blog/opera-12-10-is-out/color-profiles.jpg" alt="color profile example" style="float:left;" />

<h2>SPDY support</h2>

<img src="/blog/opera-12-10-is-out/0icon_64x64.png" alt="SPDY extension" style="float:right;" />

<p>Opera has always been about speed, so the new release incorporates the new <a href="http://en.wikipedia.org/wiki/SPDY">SPDY protocol</a>, which <strong>makes web pages load faster on SPDY-enabled sites</strong> such as Twitter, Gmail, WordPress and (soon) Facebook. For users, things will just work faster, but developers wishing to see which sites have SPDY support can download our <a href="https://addons.opera.com/en/extensions/details/spdy-indicator/">SPDY indicator extension</a>.</p>

<h2>Extensions</h2>

<p>Talking of extensions, we&#39;ve added <strong>several new APIs</strong> to give more power to developers. The most notable of these is the <a href="http://dev.opera.com/articles/view/extensions-api-contextmenu/">Context Menu API</a> that allows an extension to add options to the user&#39;s right-click menu. Other improvements include the <a href="http://dev.opera.com/articles/view/extensions-api-resourceloader/">Resource Loader API</a>, the <a href="http://dev.opera.com/articles/view/extensions-api-screenshot/">Screenshot API</a> and an update to our <a href="http://dev.opera.com/articles/view/extensions-api-urlfilter/">URL Filter API</a>.</p>

<p>We&#39;ve also added <strong>support for high-DPI screens</strong> in our extensions framework: with two simple adjustments, you can make sure your extension icons look great on Retina Display screens. We invite you to read more about this particular change on <a href="http://my.opera.com/addons/blog/2012/10/24/extensions-icons-vs-high-resolution-displays">the extensions blog</a>.</p>

<img src="/blog/opera-12-10-is-out/0hi-dpi.png" alt="extensions icons on high-dpi and regular screens" style="float:left;" />

<p style="clear:left;">And last but not least, we&#39;ve <strong>tightened extension security</strong>: by default, <a href="http://my.opera.com/desktopteam/blog/2012/09/06/increased-security-when-installing-extensions">only extensions that are hosted by Opera may be installed</a>, as these have been rigorously tested to ensure they&#39;re safe and don&#39;t harm a user&#39;s machine or data.</p>

<h2>HTML5 and Web Standards</h2>

<p>Opera is the browser that <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/introduction.html#history-1">began the HTML5 specification</a> that is transforming the web, so it&#39;s only natural that we&#39;d be adding more support for the latest standards.</p>

<p>Opera 12.10 adds partial support for the <strong>Fullscreen API</strong> that allows video, games or web pages to use the whole screen to remove distractions like browser chrome that can divert your attention from skateboarding kittens or shooting aliens. (We say &quot;partial&quot; because new &quot;HTML5 the living-on-the-edge standard&quot; specs chop and change. This release implements the <a href="http://dvcs.w3.org/hg/fullscreen/raw-file/529a67b8d9f3/Overview.html" rel="nofollow">Fullscreen API editors&#39; draft 7 February 2012</a>, while the standard has now mutated in the latest <a href="http://dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.html" rel="nofollow">July 2012 version</a>.) Daniel has made a <a href="http://www.shinydemos.com/flying-tweets/">shiny demo</a> showcasing how the API can be used.</p>

<p>There&#39;s also partial support for the <strong><a href="http://www.w3.org/TR/page-visibility/">Page Visibility API</a></strong> that allows a tab to know if it isn&#39;t visible so, for example, it could suspend resource-hungry animations or pause HTML5 audio/video until the tab returns to view. <a href="http://www.shinydemos.com/flying-tweets/">Daniel&#39;s demo</a> also includes this API, so be sure to have a look at the source code.</p>

<img src="/blog/opera-12-10-is-out/hungry.jpg" alt="hungry kittens" style="float:right; margin: 2px 0 2px 4px" />

<p><strong>Web Sockets</strong> are in as well: now that security concerns with the spec have been addressed, we&#39;ve turned on this functionality by default in Opera 12.10, and Luz has created a <a href="http://hungry-kittens.jit.su/">Web Sockets demo featuring hungry kittens</a>. You can move around your cat and make it jump with the arrow keys, and meow with the spacebar, or by pressing the buttons underneath the image: the fun starts though when multiple people connect at the same time, and the room becomes overpopulated with jumping and meowing cats. Bonus: try it on <a href="https://play.google.com/store/apps/details?id=com.opera.browser">Opera Mobile 12.1</a> as well.</p>

<p>We now also have support for the <a href="http://www.w3.org/TR/css3-flexbox/">CSS Flexible Box Layout Module</a>, aka <strong>Flexbox</strong>. For your enjoyment, Chris has prepared a <a href="http://dev.opera.com/articles/view/flexbox-basics/">Flexbox introductory Dev.Opera article</a>. It&#39;s worth noting that we have implemented the recent spec without CSS prefix, but in addition, we&#39;re also aliasing the older Flexbox specification with a -webkit- prefix, for compatibility purposes. More info about this <a href="#csssitecompat">below</a>.</p>

<p>And together with our Flexbox implementation, we&#39;ve also added support for <a href="http://www.w3.org/TR/css3-conditional/">CSS Conditional Rules Module Level 3</a> aka <strong>@supports</strong>. @supports makes it much easier for authors to use new CSS features and provide a fallback mechanism for implementations that do not support those features. In other words, if you build a Flexbox-based layout, you may want to look into using @supports so as to provide an alternative float-based layout to non-Flexbox capable useragents.</p>

<h2>User-Agent string changes</h2>

<p>Opera 12.10 ships with a <strong>simplified UA string</strong>: we have dropped the &quot;<code>U;</code>&quot; token,  as well as the language indicator. As an example, the UA string of Opera 12.10 on Mac OS X Mountain Lion is:</p>

<pre><code>Opera/9.80 (Macintosh; Intel Mac OS X 10.8.2) Presto/2.12.388 Version/12.10</code></pre>

<p>In a <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=572656#c0">corresponding Mozilla bug report</a>, <NAME> explains why this matters. If you&#39;re interested in figuring out the user&#39;s locale, you should be looking at the <code>Accept-Language</code> header instead.</p>
<p>Both these changes correspond to similar changes in the IE, Firefox, Chrome and Safari browsers&#39; UA strings.</p>

<h2 id="csssitecompat">CSS and Site Compatibility</h2>

<p>Opera 12.10 now supports <strong>unprefixed CSS transitions, transforms, gradients, animations and flexbox</strong>. For a transitional period, we&#39;ll also support transitions, transforms and gradients with an -o- prefix, but these will be phased out in order to promote site compatibility and leaner code.</p>

<p>This release also <strong>introduces support for certain -webkit- prefixes</strong> on sites that don&#39;t correctly use unprefixed versions of stable CSS properties.</p>
<p class="note">Broadly speaking, where developers haven&#39;t coded for cross-browser compatibility, Opera will treat -webkit- rules as if they were unprefixed and therefore render the sites properly so users aren&#39;t penalized.</p>

<p>Of course, this also has an effect on any related JavaScript events and properties – so things like the <code>oTransitionEnd</code> event will be dropped in favor of the unprefixed (and lowercased, as per spec) <code>transitionend</code> event.</p>

{'fraction_non_alphanumeric': 0.11846708364253154, 'fraction_numerical': 0.025230573518498885, 'mean_word_length': 4.940491183879093, 'pattern_counts': {'":': 0, '<': 319, '<?xml version=': 0, '>': 319, 'https://': 6, 'lorem ipsum': 0, 'www.': 18, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 8, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1449806', 'n_tokens_mistral': 6044, 'n_tokens_neox': 5509, 'n_words': 2196}