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.

Sup­port for the CSS Tran­si­tions mod­ule, orig­i­nal­ly pro­posed and imple­ment­ed by the WebKit team, has just land­ed in the night­ly builds of Fire­fox; it’s unsure whether this will make it into 3.6, as this is due to be released in the near future, but should be a fea­ture in 3.7 at least.

The exper­i­men­tal fea­ture will use the pro­pri­etary ‑moz- pre­fix; I’ve updat­ed the demos in my pre­vi­ous post, Ani­me with CSS and WebKit, to reflect this.

After per­form­ing some brief tests there seem to be a few prob­lems with the imple­men­ta­tion; it’s not as smooth as it could be, and the third demo does­n’t work as it should. Update: Found an issue with the brows­er not recog­nis­ing a val­ue with­out a unit (e.g. 0 instead of 0%); fixed the demo, and filed a bug.

I’ve got a new post up at CSS3.info: Intro­duc­ing the Flex­i­ble Box Lay­out mod­ule. It’s an overview of an alter­na­tive lay­out mod­ule which is already imple­ment­ed in Gecko and WebKit.

The HTML5 video ele­ment is now includ­ed in Fire­fox, Safari & Chrome, and on its way in Opera. By using JavaScript to access the media ele­ments API it’s easy to build your own cus­tom con­trols for it; in this arti­cle I’m going to show how I built a (very) basic con­trol interface.

Read the full article