What’s slated for CSS4 Selectors?
The CSS Working Group recently published the first working draft of CSS4 Selectors. “Wait…CSS 4? I thought CSS3 was still incomplete” you might ask. The spec process changed after CSS2.1. Instead of...
View ArticleClik here to view.
What are CSS Shaders?
Adobe announced a proposal for CSS Shaders at Adobe Max two days ago. This was backed by both Opera and Apple, and the spec will be developed by the FX Task Force at the W3C. For those of you who are...
View ArticleHTML5 scoped attribute
The HTML5 spec adds the scoped attribute to style elements. What does this do, and how can it be useful?The scoped attribute is used to limit the scope of the CSS rules inside the style element to that...
View ArticleClik here to view.
New standards support in Opera 12 alpha
I couldn’t find anywhere that lists the new standards support in Opera 12 alpha all in one place, so I thought I’d write it up here for my own benefit. You might also find it useful.Opera 11.51 uses...
View ArticleClik here to view.
Made in England from polished Ankole cattle horn, the only thing...
Made in England from polished Ankole cattle horn, the only thing not to like about these whisky tumblers is that they’re sold out. They’re ethically sourced and made in a 170 year old horn works. I’ve...
View ArticleClik here to view.
Web Notifications
One of the traditional advantages of native apps over the Web is that they can access the platform’s built in notification system. Mobile operating systems generally have their own baked in, while...
View ArticleClik here to view.
What’s new in Android 4.0 for Web Developers?
Google recently announced the Ice Cream Sandwich version of Android, along with a new version of the WebKit-based browser. Lets have a look at what is in there that’s of interest for web...
View ArticleWhat’s new in CSS3 Values and Units?
In CSS3 the values and units we can use in CSS properties are defined in the appropriately named CSS Values and Units specification, with the exception those relating to colour and images, and the...
View ArticleClik here to view.
Responsive viewport units (vw, vh, and vmin)
With all this new fangled talk of responsive web design, its about time that we had a poster child CSS unit to go with it. So move over em, CSS3 Values and Units introduces a bunch of new viewport...
View ArticleSizing Boxes (Back to the Future)
The way we are building web sites is fundamentally changing. The XHTML (Strict if we took pride in our work) has given way to the more loose HTML5. Image slicing and dicing, and wrapper divs are...
View Articlebox-sizing: border-box; the results are in
A week has passed since I created a poll on the use of box-sizing: border-box. In that time 256 people filled out the survey. The results so far are as follows:Use box-sizing: border-box?YesNoCurrently...
View ArticleClik here to view.
Creating an angled split feature area with CSS transforms
For an upcoming project I’m working on, I needed to have a feature area that showcased two things equally. The easy option would have been to show them in boxes, either side by side or one on top of...
View ArticleMontage and Ninja are here
After leaving Opera last year, I hopped over the Atlantic to join Motorola Mobility in the Bay Area, to work on a top secret project. Many people asked Why Motorola? and What are you working on at a...
View ArticleClik here to view.
See your site like the rest of the world does. On the Nokia X2-01
In our world of ever increasing high resolution displays, multi-core, multi gigahertz processors, 4G networks and touch enabled experiences, it is often easy to forget how the rest of the world...
View ArticleRealigned.
It has been just over a year since I moved from my old blog at My.Opera.com to the Tumblr blog you’re reading now. In that time I persevered with a slightly modified built-in theme, that wasn’t really...
View ArticleClik here to view.
Public service announcement: You (probably) don’t need to escape quotes in...
When reading a programming book or online reference, you will invariably see something like the following when describing how to include quotes within strings: // use single quote (or apostrophe)...
View ArticleDevice screen resolutions ordered by OS
Its often a chore to track down what screen resolutions are supported by the various operating systems and devices that are commonly used on the Web. Vendor sites and developer guidelines are often...
View ArticleFlip Ahead and Fast Forward. Providing hints to detect the next page
Internet Explorer 10 introduced a new featured called Flip Ahead. This makes a best guess at detecting the next page, article, post, thread, product or so on. When the user performs a forward swipe...
View ArticleClik here to view.
Mobile first: the revolution is well under way
A little over a year ago, I wrote a post about how countries in Africa were at the foothills of a mobile web revolution. Nigeria had just started seeing more web traffic on mobile devices than...
View ArticlePublic service announcement: time to update your CSS3
If you use experimental CSS on your sites, demos, articles or tools, there is a certain amount of maintenance required to keep on top of changes. With a number of recent changes in the browser world,...
View Article