New Web Standards support in Opera 11.10 beta
By Zi Bin Cheahzibin. Tuesday, March 15, 2011 12:32:47 PM
So many new features!
This is a season of plenty. Recently, we already announced an HTML5 parser labs build, and a WebGL and Hardware acceleration labs build. And now, we are happy to bring you the Opera desktop 11.10 beta, which includes support for several new web standards goodies. Let's take a look.
Multi-column text layouts
Designers have always wanted a way to elegantly organize their text layout into columns, something that is impossible to do using positioning or floats without hard-coding column breaks, therefor rendering it useless for sites with a lot of dynamic content. Fortunately, CSS3 has come to the rescue with the Multi-column Layout Module, which allows us to easily split content into a column structure and control the flow, break and spacing of the columns. Molly E. Holzschlag shows us how to use this functionality in her CSS3 Multi-column Layout Dev.Opera article.
For a quick demo, check out Vadim Makeev's beautiful Multicolumn newspaper demo.
CSS3 linear gradients (part of the CSS Image Values and Replaced Content Module Level 3 allows us to easily create colour gradients, and alpha fading effect if you include RGBa or HSLa colours. This rocks, as we no longer need to rely on images for subtle shading, buttons, and other common web site features. Chris Mills explains the ins and outs of CSS3 linear gradients in his new Dev.Opera article. Note that Radial gradients are not yet supported, but they are coming soon!
I have created an interactive flower demo showing linear gradients fading in and out, and Vadim has created a rather fine Apple buttons demo employing gradients.
WebP is a new open lossy image format proposed by Google, ideal for graphics on the web. We are proud to bring native support for this format into 11.10 beta.
You can create WebP images using Google's WebP converter tool.
Speed Dial enhancements
The HTML5 specification says that the
rel attribute now accepts the
icon value, which you can take advantage of for providing custom Speed Dial icons for your pages. You can also further style the icons using the
view-mode:minimized media feature in your CSS, the X-Purpose HTTP header, and autoreloading. Read about all of these in more detail in Tiffany's Make your site shine in Speed Dial article.
Improvements to Opera Extensions
Opera extensions are a runaway success, and we're seeing now 20 new submissions every day. With the release of the URL Filter API in Opera 11.10, web developers can now build extensions providing more control over access to different domains. Site blocking with Opera’s URL Filter API article by Daniel Davis explains this in more detail.
Also, to coincide with the new beta, Christian Magnus Sinding-Larsen has provided a guide explaining how to create effective Opera Extension icons.
If you are new to Opera extensions, we recommend starting from this handy quick guide, which has all pointers to relevant documentation, articles and examples, allowing you to get started straight away.
The Web Open Font Format (WOFF) — backed by Opera, Microsoft and Mozilla — acts as a container for TrueType and OpenType fonts, reducing file size, and allowing designers to include extra information with the font such as font licensing info and the like. My Introducing WOFF article shows you more, including how to create and use WOFF fonts.
As always, feedback from our users constantly pushes us to make greater products. If you find any bugs, please head over to our Bug Tracking System and report them. Leave a note or comment and tell us what you like (or dislike) about 11.10 beta. Have fun!