Designers and Developers Come Here

New Features in FF3 CSS and JS

today i had some time to write since i’m working in a very big project that will move all the middle east to a whole new Generation of technology… more details will come when i finish it!

today i downloaded FireFox 3 the last release it’s not yet full version but will not be too many features added in the final version.

they have supported more of CSS that we had to write some hacks to let them work on firefox 2 and let’s get our hands dirty inside the coding…

  • The
    <a title="CSS:display" href="http://developer.mozilla.org/en/docs/CSS:display">display</a>

    property’s

    inline-block

    and

    inline-table

    values are now implemented.

  • The
    <a title="CSS:font-size-adjust" href="http://developer.mozilla.org/en/docs/CSS:font-size-adjust">font-size-adjust</a>

    property now works on all platforms; previously it was only supported on Windows.

  • rgba()

    and

    hsla()

    support for

    <a title="CSS:color" href="http://developer.mozilla.org/en/docs/CSS:color">color</a>

    (bug 147017)

  • <a title="CSS::default" href="http://developer.mozilla.org/en/docs/CSS::default">:default</a>

    pseudo-class support (bug 302186)

  • -moz-max-content

    ,

    -moz-min-content

    ,

    -moz-fit-content

    , and

    -moz-available

    values have been added to

    <a title="CSS:width" href="http://developer.mozilla.org/en/docs/CSS:width">width</a>

    ,

    <a title="CSS:min-width" href="http://developer.mozilla.org/en/docs/CSS:min-width">min-width</a>

    , and

    <a title="CSS:max-width" href="http://developer.mozilla.org/en/docs/CSS:max-width">max-width</a>

    (bug 311415 and bug 402706)

  • HTML soft hyphens (
    &amp;shy;

    ) are now supported.

  • Pre-formatted tabs work much better in proportional fonts, following the CSS 2.1 spec.
  • The
    <a title="CSS:ime-mode" href="http://developer.mozilla.org/en/docs/CSS:ime-mode">ime-mode</a>

    property is supported.

  • The CSS
    text-rendering

    property for HTML is now supported (bug 387969).

  • -moz-border-<var>*</var>-start

    and

    -moz-border-<var>*</var>-end

    CSS properties are implemented (bug 74880).

  • -moz-initial

    is now implemented for almost all CSS properties (except

    quotes

    and

    -moz-border-<var>*</var>-colors

    ) bug 80887.

  • window.getComputedStyle()

    now supports all supported CSS properties (bug 316981).

  • <a title="CSS:content" href="http://developer.mozilla.org/en/docs/CSS:content">content</a>

    ‘s

    none

    value is now supported (bug 378535).

  • <a title="CSS:cursor" href="http://developer.mozilla.org/en/docs/CSS:cursor">cursor</a>

    ‘s

    none

    value is now supported (bug 346690).

  • Background images now properly clip to a
    -moz-border-radius

    (bug 24998).

  • <a title="CSS:white-space" href="http://developer.mozilla.org/en/docs/CSS:white-space">white-space</a>

    ‘s

    pre-wrap

    value is now supported (bug 261081).

  • Selectors like :first-child, :o nly-child, :last-child (bug 73586), :empty (bug 98997), or the + combinator (bug 229915) are now updated dynamically (bug 401291).
  • Negative
    <a title="CSS:z-index" href="http://developer.mozilla.org/en/docs/CSS:z-index">z-index</a>

    values are supported correctly.

Firefox also have implemented javascript 1.8 as part of Gecko 1.9 (which will be incorporated into Firefox 3).

 <script type="application/javascript;version=1.8"> ADD CODE HERE </script>

now you can write more short code to achieve the same target in JavaScript 1.8, the language is now becoming similar to Lambda notation.

JavaScript 1.7 and older:

 function(x) { return x * x; }

JavaScript 1.8:

function(x) x * x

you see it’s gonna be more fun! if you wanna read more you can check the Mozilla page

I Wish Micosoft surprise us this year with enough testing for IE8 by resolving IE7 bugs and not bringing a new bugs :(

Now it’s time for me to go to sleep :0 see you next time

Byeeee

Discussion

One comment for “New Features in FF3 CSS and JS”

  1. nice and valuable post, keep moving forward

    Posted by mona | June 17, 2008, 12:52 PM

Post a comment

You must be logged in to post a comment.