opera Archives - Broken Links Archive

Opera Ice and Branch

Two things hap­pened last week: news leaked that Opera are plan­ning to launch a new brows­er based on WebKit; and the new dis­cus­sion tool, Branch, came out of pri­vate beta. As an exper­i­ment, I want to talk about the first on the sec­ond, so I invite you to read and par­tic­i­pate in my branch Opera Ice: New brows­er for Android and iPhone com­ing Feb­rua….

On Opera’s Implementation of WebKit Aliases

As I‚Äôm sure you‚Äôre aware, Opera recent¬≠ly released a pre¬≠view build of their brows¬≠er Mobile Emu¬≠la¬≠tor which is notable large¬≠ly because they‚Äôve aliased a group of -webkit- pre¬≠fixed prop¬≠er¬≠ties, effec¬≠tive¬≠ly sup¬≠port¬≠ing anoth¬≠er ven¬≠dors sup¬≠pos¬≠ed¬≠ly pro¬≠pri¬≠etary code in their own.

Read the full article

Opera’s CSS Pagination Build

Opera recent¬≠ly released a Labs build of their brows¬≠er with sup¬≠port for CSS pag¬≠i¬≠na¬≠tion; that is, remov¬≠ing the scroll¬≠bar from doc¬≠u¬≠ments and adding page con¬≠trols instead (this is ide¬≠al for non-desk¬≠top devices, espe¬≠cial¬≠ly TV, where scrolling can be oner¬≠ous). The syn¬≠tax (as described in the Gen¬≠er¬≠at¬≠ed Con¬≠tent for Paged Media mod¬≠ule) is very sim¬≠ple; you first use a media query with the paged media type (pre¬≠fixed in Opera) like so:

@media -o-paged {}

Then use new val¬≠ues for the overflow prop¬≠er¬≠ty on the scrol¬≠lable ele¬≠ment to con¬≠trol whether the pag¬≠i¬≠na¬≠tion moves hor¬≠i¬≠zon¬≠tal¬≠ly or ver¬≠ti¬≠cal¬≠ly, and whether or not on-screen con¬≠trols are shown, like so:

@media -o-paged {
  html {
    height: 100%;
    overflow: -o-paged-x-controls;

This pag­i­nates the whole doc­u­ment hor­i­zon­tal­ly, and adds con­trols. To see this work­ing, you’ll need to down­load a copy of the Labs build (avail­able for Mac, Win­dows, Lin­ux and Android), then you can vis­it this exam­ple page from Dive Into HTML5 I quick­ly set up. Nav­i­gate by dragging/swiping, cur­sor keys, or the native controls.

I real¬≠ly like this; it‚Äôs still ear¬≠ly days, but the syn¬≠tax seems clear and log¬≠i¬≠cal and works well in the demos I‚Äôve seen, and I think it‚Äôs going to be real¬≠ly use¬≠ful as the web migrates away from the desk¬≠top and onto oth¬≠er con¬≠nect¬≠ed devices. More infor¬≠ma¬≠tion and exam¬≠ples are in the ‚ÄėPag¬≠ing the Web‚Äô arti¬≠cle on H√•kon Wium Lie‚Äôs web¬≠site, and I‚Äôll def¬≠i¬≠nite¬≠ly be delv¬≠ing fur¬≠ther into this.

Using SVG in background-image

While hav­ing a look through the list of fea­tures for devel­op­ers planned for Fire­fox 4 ear­li­er today, I noticed this:

You can now use SVG with the img ele­ment, as well as the back­ground image in CSS.

I know you can already use SVG in background-image with Safari, Chrome and Opera, and this, cou¬≠pled with Inter¬≠net Explor¬≠er‚Äôs push towards SVG and the strong chance this will be avail¬≠able in IE9, made me decide to take a clos¬≠er look.

Read the full article

Opera widgets become browser-independent

This is a nice idea: Opera have sep­a­rat­ed their wid­gets from the desk­top brows­er, allow­ing them to be run as stand­alone appli­ca­tions. They are cross-plat­form and stan­dards com­pli­ant. You can down­load a Labs release to try it for yourself.

Web workers of the world: Unite

To much fan¬≠fare (the blow¬≠ing of their own trum¬≠pets), Opera today announced Unite, a new ser¬≠vice which lets you use the brows¬≠er as a per¬≠son¬≠al file serv¬≠er and social space. I haven‚Äôt had more than a pass¬≠ing glance at it yet ‚ÄĒ my URL is home.stopsatgreen.operaunite.com, if you‚Äôd like to see if I‚Äôm avail¬≠able ‚ÄĒ but it cer¬≠tain¬≠ly looks inter¬≠est¬≠ing. Use¬≠ful? I‚Äôm not sure yet.



I‚Äôve updat¬≠ed my Speak¬≠ing page to include more con¬≠fer¬≠ences, more videos, and a lit¬≠tle on my speak¬≠ing require¬≠ments and pref¬≠er¬≠ences. I‚Äôm plan¬≠ning to cut down on the num¬≠ber of talks I give in 2014 (twelve is too many), but am always open to inter¬≠est¬≠ing offers and oppor¬≠tu¬≠ni¬≠ties, so please get in touch if you‚Äôre organ¬≠is¬≠ing an event.

[#] 1 Comment . More Asides.