CSS improvements, speed, and more with Firefox 3.6 alpha

In: web resources

20 Aug 2009

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:

CSS:

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

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.

Comment Form

About this blog

This blog delivers stylish and dynamic news for designers and web-developers on all subjects of design, ranging from: CSS, Ajax, Javascript, web design, graphics, typography, advertising & much more. Our goal is to help you communicate effectively on the web with an engaging website or functional interface.