<< iOS6 - Mode panorama | Home | CSS, Media Queries and Retina problem >>

Firefox 16 is out (again)

After a bit of a fiasco last week, Firefox 16 has been released (along with SeaMonkey 2.13 more recently).

The most notable addition in this release is the new CSS attributes that are now unprefixed (but still work prefixed) about animations, transforms and transitions. You can get more information right there.

Here is the complete list of CSS features that are now prefixed:

/* CSS3 Animations */ animation, animation-name, animation-duration, animation-delay, animation-timing-function, animation-iteration-count, animation-direction, animation-play-state, animation-fill-mode, @keyframes /* CSS3 Transitions */ transition, transition-property, transition-delay, transition-duration, transition-timing-function /* CSS3 Transforms */ transform, transform-origin, transform-style, backface-visibility, perspective, perspective-origin /* CSS3 Image Values */ linear-gradient(), radial-gradient(), repeating-linear-gradient(), repeating-linear-gradient() /* CSS3 Values & Units */ calc()
So, what does that mean for us, web developers?

It means that you should still use the prefixed AND unprefixed versions of these attributes, but not for long.

It also means these are thought to be mature by Mozilla and if you were hesitant to use them, now is probably a good time to start having a look.

Some other things are welcome in this release as well:

  • The scratchpad now has a "Recently opened files" menu making it easier to actually work with it.
  • A New Developer Toolbar is also added with basically quick links to other tools. Haven't used it yet.
  • IndexedDB has been unprefixed too.
  • Support for the HTML5 Microdata API.
  • Support for the HTML5 <meter> element.
  • Battery and Vibration API are now unprefixed.
  • Improved media queries with support for the dppx unit.
  • The CSS properties height and width are now animatable.
  • The CSS animations can be "reversed": the reverse and alternate-reverse keywords have been added.
  • Several new features in JavaScript: Support for direct proxies, Support for the Array's spread operator, Improvement of Number, supporting now toInteger(), isInteger() and isFinite()

All this is good, and along with the rest, Firefox is now much much less memory-hungry than before. And kuddos for their very quick response to the vulnerability that made its way in the 16.0 release.

Tags : , , ,
Categories : CSS, News