Tuesday, August 18th, 2009

CSS improvements, speed, and more with Firefox 3.6 alpha

Category: Browsers, CSS, Mozilla

>Firefox 3.6 alpha releases have already arrived and there are already cool new features on the heals of the 3.5 release, as well as rapid speed improvements.

People have focused on the new CSS improvements (Acid3 now gets 94/100) such as the tweaked CSS gradient support:

  1. .heading {
  2.   background: #729FCF -moz-linear-gradient(left top, left bottom,
  3.     from(rgba(255, 255, 255, 0.45)), to(rgba(255, 255, 255, 0.50)),
  4.     color-stop(0.4, rgba(255, 255, 255, 0.25)),
  5.     color-stop(0.6, rgba(255, 255, 255, 0.0)),
  6.     color-stop(0.9, rgba(255, 255, 255, 0.10)));
  7.   color: white;
  8.   height: 40px;
  9. }

We also get new background rules such as background-size and multiple backgrounds.

Read more 3.6 for developers info:

  • The reorder event is now sent to embedded frames and iframes when their document is loaded. See
    bug 420845.
  • The getBoxObjectFor() method has been removed, as it was non-standard and exposed even more non-standard stuff to the web. See
    bug 340571.  Also affects mootools which uses this call for Gecko detection.  See this mootools bug.
  • A new attribute has been created, mozScreenPixelsPerCSSPixel, for obtaining the amount of screen pixels per CSS pixel on nsIDOMWindowUtils . This can be used in conjunction with the new global properties, mozInnerScreenX and mozInnerScreenY, to compute screen coordinates. See

    bug 486200 and
    bug 507755.

  • When the page’s URI’s document fragment identifier (the part after the “#” (hash) character) changes, a new hashchange event is sent to the page. See window.onhashchange for more information.
  • Geolocation “address” support is now available enabling user-readable position information.  See

    bug 503942.

  • The attribute document.readyState is now supported. Gecko also supports document.onreadystatechange now.
  • Support for HTML 5′s element.classList to allow easier handling of the class attribute.

Related Content:

Posted by Dion Almaer at 6:49 am
8 Comments

++++-
4.3 rating from 36 votes

8 Comments »

Comments feed TrackBack URI

window.onhashchange and element.classList are awesome!

Comment by Jaaap — August 18, 2009

on the heels (not heals)

Comment by okohll — August 18, 2009

Mmmm… graaadients… *drool*

window.onhashchange is also very cool, opens up plenty of possiblities

Comment by iliad — August 18, 2009

yay, onhashchange – one thing I’ve noticed with the conditional logic:

if (“onhashchange” in window) {
.. do ..
}

Can be potentially problematic in IE8, if the page is running in IE7 compat mode, this will return true, however the event will never actually fire.

Comment by meandmycode — August 18, 2009

This is great. I thought we’d have to wait until 4.0 to get the background features. Woo hoo!

Comment by AnM8tR — August 18, 2009

Looks like they’ve implemented some SVG animation… Good news.

Comment by JonathanLeech — August 18, 2009

Lets also hope that the speed is something similar to Chromes…

Comment by Jeria — August 19, 2009

Leave a comment

You must be logged in to post a comment.