Subscribe to RSS feed

A first peek at Opera 15 for Computers

, , ,

Hurrah! Hot on the heels of the release of Opera 14 for Android (based on Chromium 26), here's a first peek at our all new Opera for Computers. It's called Opera Next 15 and it's based on Chromium 28 — which means that it comes with Blink on board — but as it's an evergreen browser with a fast release cycle, we don't recommend reading too much into the digits — it's what's in it that counts!

This is a stable build — we've been using it as our main browser for a while now —, but it isn't the final release - you can expect rapid updates in the weeks to come. Note that this Next build is available for Windows and Mac. A Linux version is coming later, but we wanted as many people to have a peek as soon as possible.

So what's new?

First, you'll notice a radically simpler UI that is nicely integrated with the platform. We want your Opera to feel native to your operating system — after all, it's probably the program you use the most apart from your OS.

Just like on Opera 14 for Android, we've merged bookmarks into Speed Dial, which give you a visual overview of your favorite pages. You can now group Speed Dials together into folders, just by dragging one on top of the other — if you want, you can name the folder via a simple right-click.

To add a page or extension to Speed Dial, simply click on the big plus sign. You can also do this while you're browsing, of course: just click the "Add to Speed Dial" icon in the top right corner of the address bar, and the page in question will be added to Speed Dial.

If you have a lot of Speed Dial items, you can click the search icon in the top right corner. Start typing in the field that appears, and your bookmarked sites will be filtered in real-time.

Stash

Do you sometimes find yourself browsing the web, and coming across pages you want to save for later — e.g. a list of favorite gadgets on Amazon, or a selection of hotels on a booking site? This always posed a problem in the past, and many were using their tab bar to hold tabs for later use. With Opera 15, you can Stash a page, and return to it when you have time.

Simply hit the heart icon when you're on a page you like and whenever you want to return to it, open your Stash from the start page (open a new tab or click the Start Page icon to the left of the address field). When a page has already been added to your Stash, the address field icon will be highlighted to reflect that. You can click the highlighted icon to remove the page from your Stash.

To adjust the size of your stashed items, use the slider to the right. If you have a lot of stashed items, you can click the search icon in the top right corner of the Stash page, and just like with Speed Dial, filter your stashed sites in real-time.

Discover

Discover is another new feature to Opera 14 for Android and Opera 15 for Computers, which helps you find interesting content to jump straight into browsing. Click the cog to change settings - select your language and location, and select subjects depending on your interests. For launch there are 13 categories in 32 languages.

Combined address and search field

Opera 15 for Computers has a combined address and search bar, showing suggestions (that can be turned off via Settings > Privacy and Security) and multiple search providers.

Off-road mode

Just because you have a computer rather than a mobile device doesn't mean that you're always on fast wifi; you might be on shared wifi at a coffee shop, or your network might be slow today. Activating Off-Road Mode from the Opera Menu sends pages through Opera's compression servers, reducing the page size significantly by using a smart mix of image compression, SPDY and more. Note that rendering happens on the client side, so JavaScript will work without a problem. Secure (https) pages don't get sent through our proxy.

Mouse gestures

One of Opera's classic features, mouse gestures, let you perform common browsing actions with small, quick mouse movements. Note that on Mac they are by default disabled, since Mac has native support for system touch gestures.

Advanced keyboard shortcuts are also available, but are off by default. To enable them, go to Settings > Browser > Enable advanced keyboard shortcuts. And while your at it, have a look at the other advanced settings on opera:settings.

For developers

Developer tools are available behind a setting (More Tools > Enable developer tools). You'll find there Web Inspector (Opera Dragonfly is not included in this release), the classic View Source option, and a list of installed browser plugins.

Extensions

With Opera switching to Chromium and this complete UI remake, our extensions infrastructure has also undergone a major overhaul: from Opera 15 onward, Opera 11 and 12's extension format is no longer supported (and we've archived its documentation on GitHub), and instead, we've switched to Chromium’s extension model. At this point, Opera 15 supports a subset of the Chromium extension APIs — with more to come — as well as our own Speed Dial API.

If you're a Chromium extensions developer, be sure to submit your extensions to our extensions catalog! Extension developers like Evernote, Feedly, Disconnect, LastPass, WOT, Ghostery, and the very cool cottonTracks have already done this, and you can find their extensions in the catalog.

If you're new to Chromium extension development, we've prepared a number of tutorials and have included relevant API documentation as well. We've also built a conversion utility into the developer interface of our extensions catalog to make the transition from the old to the new format as smooth as possible.

What is not (yet) in Opera 15 for Computers?

Opera 15 doesn't include the M2 mail client. Not all current Opera customers use M2, so to simplify the UI even further and reduce the footprint of the program, we've decided to split it out into a separate product, called Opera Mail. You can get a preview build on the Desktop Team blog.

Other features missing from the first release of Opera based on Chromium will be evaluated and potentially re-instated in future releases.

getUserMedia isn't hooked up yet in Opera 15 and will be come back in a future release. W3C Geolocation is similarly dropped for the time being. It's a feature most used with mobile browsers, hence it's included in Opera 14 for Android. It will of course return in a future release.

The Developer Flags page is also still missing, although select command line flags are available. We plan to bring this back as well in the near future.

Made to discover

There's a lot inside Opera Next 15, with a simple, friendly and attractive user interface. Take a look around; in the settings you can disable cookies, pop-ups, plugins etc on a site-by-site basis, send a Do Not Track header, disable various speed-optimizing enhancements should you choose so. We hope you'll enjoy discovering its features, and maybe build some extensions for it!

Opera 14 for Android is out!

, , , ...

Yay, and — dare I say it — w00t! Opera 14 for Android is released!

Opera 14 for Android is built on top of Chromium 26, with a total overhaul of the UI in native code, making it fit well with the latest Android design guidelines. Go get the build from Google Play or point your browser to m.opera.com, and give it a spin!

A great browser for Android 2.3 and up

Currently, we support Android 2.3 and higher. That's important, as 38.5% of Android users are still on Gingerbread — now they can get top of the range features and performance, just like users on newer Android versions!

Note that we don't have an Opera 14 build ready for tablets yet: we're still working on various tablet-specific UI optimizations, and this will be released later on.

A whole new engine

screenshot

Opera 14 is based on Chromium 26, which does not include Blink just yet. However, as we plan to stay closely in sync with the Chromium development cycle, doing frequent updates, you can expect it in a future release. In the meantime, we've added/enabled some extra standardsy goodness already for you to use:

We've also done something cool with how we handle HTML5 audio: if you start playing e.g. this excellent song on SoundCloud, you'll see that a pause button appears in the Android notification area. You can now switch tabs, or even open other apps while the song is playing, and easily control playback from the notification area.

Note: some things we don't support in this first release include custom search providers and access to about://flags.

We've also adjusted our UA string, so as to avoid old sniffing traps: it's similar in format to the Chrome UA string, with, for this release, OPR/14.0.1074.57453 appended at the end. Of course, you shouldn't be looking at this at all, and instead do feature detection, so forget we mentioned it.

New UI and features

When opening Opera for Android, you're greeted by our overhauled Speed Dial, which now combines favorite sites with bookmarks into one view. You can group bookmarks in one level-deep sets by dragging and dropping them on top of each other. A swipe away to the left (rather than hidden away in a submenu somewhere), you find your browsing History, and towards the right, there is our new Discover page, which helps you find interesting online content to jump straight into browsing — ideal to kill those 10 minutes waiting for the bus to arrive.

screenshot screenshot

You can of course also query for sites from the redesigned navigation bar on top. And we've made some adjustments here since the beta release: in the Settings menu, you find an option to move the navigation bar to the bottom. It costs you a bit of screen real estate, but makes for a more relaxed single-handed browsing experience.

The red O button has moved to the top right of the screen (unless you put the Navigation bar at the bottom), just like in other Android applications, and it toggles a menu with advanced options such as Sharing, Find in Page, Downloads, Settings, and more.

If you miss an Exit button or want to go back more than one page in the tab's History, long-press the back button. To save a page to read off-line, hit the + icon at the left of the address bar.

Off-Road mode

A special mention for Off-Road mode, available from the red O menu: when toggled on (also subtly indicated by a thin red line on top of the browser), pages are loaded via the Opera Mini servers, thereby reducing bandwidth and data cost. So, no more need to switch browser to get Opera Mini's data compression features: you get it all in one package.

To learn more about optimizing for Opera Mini and Off-Road mode, read our Opera Mini and JavaScript article.

Keep in mind that users can set their own preference of Off-Road-specific image quality: they can increase or decrease image quality, or even opt to receive no images at all (a good option to have, since images account for more than 50% of page size). As my colleague Bruce points out: be sure to use alternative text with images, and remember — it's not just for the visually impaired!

Automatic text wrap

screenshot

By default, Opera for Android uses the same text autosizing (aka FontBoosting) mechanism that can be found in Chrome for Android. E.g. if you visit this desktop-specific Wikipedia page about artichokes, you see that some of the text is displayed bigger, making it readable without having to zoom in. However, as FontBoosting is only applied selectively and interferes with author-defined text size differences, we've made it possible to turn this off in Settings, and choose for automatic text wrap instead. Turning on text wrap instructs Opera for Android to wrap lines no matter how much you zoom into a page so there's no need for horizontal scrolling.

Remote debugging

Of course, there will be times as a developer when you'll need to debug sites running on Opera 14 for Android. This can be done from Windows, Mac and Linux desktops — see our article about remote debugging Opera for Android.

Made to discover

Of course, there are many more details to talk about — offline pages, private tabs, browser.js — but we'll leave those for you to discover. Enjoy, and let us know what you think!

Opera's WebKit patches

, , , ...

About five weeks ago, we announced that Opera's products would transition to using WebKit. We said "Opera will contribute to the WebKit and Chromium projects. Our work on web standards to advance the web continues."

Obviously, replacing a rendering engine is a huge engineering change, so we've been working flat out, hooking up the new rendering engine, rewriting the UI, integrating new features and testing everything so that you can actually see products. (Have you tried Opera 14 beta for Android 2.3 and above yet?)

But we haven't forgotten our commitment to contributing back. Here are the patches we've submitted to enhance any WebKit-based browser so that they better support CSS:

There are also a number of house-keeping patches submitted by Morten to tidy up some WebKit code: Bug 112442, 110123, and 110121.

Morten's currently looking at implementing CSS object-fit and further CSS multi-column improvements. So don't disturb him until those patches land!

As products start to ship, we'll bring you more news of enhancements we're offering back.