Feeds

Opera brings fondleslab-style reading to bog-standard web

App developers: collect your P45s

The next step in data security

Oslo Opera has published a few simple CSS extensions that allow developers to create the “reading” experience found on contemporary newspaper, magazine and book tablet apps using web standards.

The extensions enable “page-like” spatial navigation and layout, and the Norwegian company has submitted them to the W3C standards committee, under the name 'CSS Generated Content for Paged Media'.

“Expensive app developers, your time is up,” Opera CTO Håkon Wium Lie told me – although I actually made that up, and asked him repeat it, for my convenience. (And yours.)

Lie is best known as the father of CSS, Cascading Style Sheets, and since 1999 has been Opera’s CTO.

Almost all web pages today are designed to be read vertically in one direction - from top to bottom - and have no sense of their spatial relationship to each other. That's fine when the only navigational aid is a scroll wheel. But the rise of multitouch interfaces, and tablets, has allowed designers to recreate paper magazine layouts, and users now expect to swipe a page to move forward or backwards.

And implementing this, in the absence of a standard, requires a lot of JavaScript code.

The New York Times has implemented something similar using web standards – but it requires masses of JavaScript. The beauty of the Opera-backed Paged Media extensions is the simplicity. There are just 10 new extensions to five attributes.

Technique 1:

html {
overflow:paged-x;
height: 100%;
columns:3;
}

"We want pages laid out on the horizontal axis, three-column view," explains Lie.

Technique 2:

img {
float:top-corner;
column-span:2;
}

"We need to float to the corner, extend the float property and add column-span."

Technique 3:

...
@navigation {
nav-right: link-rel(next);
nav-left: link-rel(previous);
nav-down: url (http://www.example.com);
}

Techniques found in sophisticated and expensive fondleslab apps become simple, bog-standard code. Publishers have spent small fortunes creating native apps for smartphones and tablets in recent years. These generate complex and buggy code that provides little more than a wrapper around some content. The process is duplicated for each native platform. It's all very expensive.

The Paged Media CSS standards are a much simple solution – but they need widespread browser support.

So is the party over for app developers?

Hardly, but if this becomes a standard, developers will have to move into commodity territory, where they’re still amply rewarded, or solve more complex technical challenges for clients, where no open web standards exist.

Or at least, you would think so. ®

Security for virtualized datacentres

More from The Register

next story
New 'Cosmos' browser surfs the net by TXT alone
No data plan? No WiFi? No worries ... except sluggish download speed
'Windows 9' LEAK: Microsoft's playing catchup with Linux
Multiple desktops and live tiles in restored Start button star in new vids
iOS 8 release: WebGL now runs everywhere. Hurrah for 3D graphics!
HTML 5's pretty neat ... when your browser supports it
'People have forgotten just how late the first iPhone arrived ...'
Plus: 'Google's IDEALISM is an injudicious justification for inappropriate biz practices'
Mathematica hits the Web
Wolfram embraces the cloud, promies private cloud cut of its number-cruncher
Mozilla shutters Labs, tells nobody it's been dead for five months
Staffer's blog reveals all as projects languish on GitHub
SUSE Linux owner Attachmate gobbled by Micro Focus for $2.3bn
Merger will lead to mainframe and COBOL powerhouse
iOS 8 Healthkit gets a bug SO Apple KILLS it. That's real healthcare!
Not fit for purpose on day of launch, says Cupertino
Not appy with your Chromebook? Well now it can run Android apps
Google offers beta of tricky OS-inside-OS tech
prev story

Whitepapers

Secure remote control for conventional and virtual desktops
Balancing user privacy and privileged access, in accordance with compliance frameworks and legislation. Evaluating any potential remote control choice.
WIN a very cool portable ZX Spectrum
Win a one-off portable Spectrum built by legendary hardware hacker Ben Heck
Intelligent flash storage arrays
Tegile Intelligent Storage Arrays with IntelliFlash helps IT boost storage utilization and effciency while delivering unmatched storage savings and performance.
High Performance for All
While HPC is not new, it has traditionally been seen as a specialist area – is it now geared up to meet more mainstream requirements?
Beginner's guide to SSL certificates
De-mystify the technology involved and give you the information you need to make the best decision when considering your online security options.