MozillaWiki

Evangelism/Firefox3.5: Difference between revisions

Page Discussion

Evangelism/Firefox3.5 (view source)

Revision as of 19:52, 18 May 2009

7,305 bytes added ,  18 May 2009
→‎DOM
 
(47 intermediate revisions by 10 users not shown)
Line 1: Line 1:
= Tech Evengelism =
= Tech Evangelism =


Blocking 3.5 Tech Evangelism Bugs: http://bit.ly/13wFtT
Blocking 3.5 Tech Evangelism Bugs: http://bit.ly/13wFtT
Line 15: Line 15:


<blockquote>
<blockquote>
Screaming-fast JavaScript.  With JavaScript that's 3-4x faster
Screaming-fast JavaScript.  JavaScript that's 3-4x faster
than Firefox 3 and 10x faster than Firefox 2, there's nothing
than Firefox 3 and 10x faster than Firefox 2.
you can't do in the browser.
</blockquote>
</blockquote>


Line 25: Line 24:
We've been busy improving page load times for everyone.  We don't all have gigabit ethernet running into our houses and the changes we've made are especially noticeable on medium to high-latency networks.  DNS pre-caching, image, script and CSS pre-loading all mean faster page loads.
We've been busy improving page load times for everyone.  We don't all have gigabit ethernet running into our houses and the changes we've made are especially noticeable on medium to high-latency networks.  DNS pre-caching, image, script and CSS pre-loading all mean faster page loads.
</blockquote>
</blockquote>
[ will include graph ]
* http://stevesouders.com/ua/


=== Faster DOM ===
=== Faster DOM ===


<blockquote>
<blockquote>
We've done a lot of work in Firefox 3.5 to make DOM access and manipulation faster - nearly 40% faster overall.  We've removed overhead from our code, added new fast-access query and manipulation methods and added support for new standards.
We've done a lot of work in Firefox 3.5 to make DOM access and manipulation faster - over 2x faster than Firefox 3 overall.  We've removed overhead from our code, added new fast-access query and manipulation methods and added support for new standards.
</blockquote>
</blockquote>
* http://dromaeo.com/?id=63807,63800,63804
* http://spreadsheets.google.com/ccc?key=p31WJ9sCnQr7Ek_lFKATAOw


=== Awesomebar Perf Improvements ===
=== Awesomebar Perf Improvements ===
Line 37: Line 43:
Awesomebar gets even awesomer.  We've done a lot of work to make everyone's favorite way of accessing their favorite sites smoother, faster and more reliable.
Awesomebar gets even awesomer.  We've done a lot of work to make everyone's favorite way of accessing their favorite sites smoother, faster and more reliable.
</blockquote>
</blockquote>
* Get some metric from edilee on how awesomer it is.
* http://autonome.wordpress.com/2009/05/05/front-end-performance-in-firefox-35-and-beyond/ - great post from dietrich on what they did with the 3.5 cycle


Other Items:
== Other Items ==


* image pre-loading (not landed yet): https://bugzilla.mozilla.org/show_bug.cgi?id=457809
* image pre-loading (not landed yet): https://bugzilla.mozilla.org/show_bug.cgi?id=457809
Line 63: Line 72:
<blockquote>We've included the world's first implementation of [https://developer.mozilla.org/En/Using_audio_and_video_in_Firefox HTML 5 audio and video] support, letting web developers include rich media controlled using JavaScript, HTML, and CSS instead of through proprietary technologies.</blockquote>
<blockquote>We've included the world's first implementation of [https://developer.mozilla.org/En/Using_audio_and_video_in_Firefox HTML 5 audio and video] support, letting web developers include rich media controlled using JavaScript, HTML, and CSS instead of through proprietary technologies.</blockquote>


=== @font-face. ===
=== Downloadable Fonts ===


<blockquote>Web developers and site designers can now get a more consistent look across platforms by using [https://developer.mozilla.org/en/CSS/@font-face downloadable TrueType and OpenType fonts] in their designs instead of relying on the fonts the user happens to have installed.</blockquote>
<blockquote>Web developers and site designers can now get a more consistent look across platforms by using [https://developer.mozilla.org/en/CSS/@font-face downloadable TrueType and OpenType fonts] in their designs instead of relying on the fonts the user happens to have installed.</blockquote>


Refer to [dbarons blog post http://dbaron.org/log/20090317-fonts] also.
Refer to [dbarons blog post http://dbaron.org/log/20090317-fonts] also.
=== XHR ===
=== XHR ===


Line 94: Line 104:
== Other items ==
== Other items ==


* Storage (if localStorage lands on 1.9.1)
=== Storage (if localStorage lands on 1.9.1) ===
 
[ it's landed, need description and reference here ]


* Geolocation
=== Geolocation ===


<blockquote>The new [https://developer.mozilla.org/En/Using_geolocation Geolocation API] lets users provide their location to web applications if they wish.  This helps web sites find the user's nearest coffee shop, for example.</blockquote>
<blockquote>The new [https://developer.mozilla.org/En/Using_geolocation Geolocation API] lets users provide their location to web applications if they wish.  This helps web sites find the user's nearest coffee shop, for example.</blockquote>


* New drag and drop API
=== New drag and drop API ===


<blockquote>Firefox 3.5 introduces a [https://developer.mozilla.org/En/DragDrop/Drag_and_Drop new API for handling drag and drop], letting web applications support this technology better than before, with more refined drag and drop events, better support for specifying drag targets, and more.</blockquote>
<blockquote>Firefox 3.5 introduces a [https://developer.mozilla.org/En/DragDrop/Drag_and_Drop new API for handling drag and drop], letting web applications support this technology better than before, with more refined drag and drop events, better support for specifying drag targets, and more.</blockquote>


== CSS (20+ new and updated properties)==
=== CSS (20+ new and updated properties) ===
* ::before and ::after updated to CSS 2.1
* ::before and ::after updated to CSS 2.1


Line 123: Line 135:
* -moz-box-shadow
* -moz-box-shadow


<blockquote><code>[https://developer.mozilla.org/en/CSS/-moz-box-shadow -moz-box-shadow]</code> lets you cast a drop shadow from the frame of almost any element.</blockquote>
<blockquote><code>[https://developer.mozilla.org/en/CSS/-moz-box-shadow -moz-box-shadow]</code> lets you cast a drop shadow from or into the frame of almost any element.</blockquote>


* -moz-border-image
* -moz-border-image


<blockquote>The new <code>[https://developer.mozilla.org/En/CSS/-moz-border-image -moz-border-image]</code> property lets you specify an image to use as a border around elements; this makes drawing complex looking widgets easier than before.</blockquote>
<blockquote>The new <code>[https://developer.mozilla.org/En/CSS/-moz-border-image -moz-border-image]</code> property lets you specify an image to use as a border around elements; this makes drawing complex looking widgets easier than before.</blockquote>
* -moz-border-radius
<blockquote>The <code>[https://developer.mozilla.org/En/CSS/-moz-border-radius -moz-border-radius]</code> properties are now compatible with [http://dev.w3.org/csswg/css3-background/#the-border-radius the latest CSS3 draft spec] -- in particular, they support elliptical curves.  The devmo documentation still needs to be updated ({{bug|491529}}).</blockquote>


* -moz-column-rule
* -moz-column-rule
Line 159: Line 175:
* :-moz-system-metric(mac-graphite-theme)
* :-moz-system-metric(mac-graphite-theme)


<blockquote>The [https://developer.mozilla.org/En/CSS/%3a-moz-system-metric%28mac-graphite-theme%29 :-moz-system-metric(mac-graphite-theme)]</code> selector matches elements if the user has chosen the "Graphite" appearance in their system preferences on Mac OS X.  This lets themes better adapt to the look of the user's system.</blockquote>
<blockquote>The <code>[https://developer.mozilla.org/En/CSS/%3a-moz-system-metric%28mac-graphite-theme%29 :-moz-system-metric(mac-graphite-theme)]</code> selector matches elements if the user has chosen the "Graphite" appearance in their system preferences on Mac OS X.  This lets themes better adapt to the look of the user's system.</blockquote>


* New values for -moz-appearance
* New values for -moz-appearance


<blockquote>In order to make it easier to skin Firefox to match the latest Windows and Mac OS X system themes, Firefox skins may now use the new <code>-moz-win-glass</code> and <code>-moz-mac-unified-toolbar</code> values for <code>[https://developer.mozilla.org/en/CSS/-moz-appearance -moz-appearance]</code>.</blockquote>
<blockquote>In order to make it easier to skin Firefox to match the latest Windows and Mac OS X system themes, Firefox skins may now use the new <code>searchfield</code>, <code>-moz-win-glass</code> and <code>-moz-mac-unified-toolbar</code> values for <code>[https://developer.mozilla.org/en/CSS/-moz-appearance -moz-appearance]</code>.</blockquote>


* CSS transforms
* CSS transforms
Line 182: Line 198:
<blockquote>These new CSS pseudo-classes make it easy to match elements based on their type; for example, you can quickly style the first or last row of tables using these pseudo-classes.</blockquote>
<blockquote>These new CSS pseudo-classes make it easy to match elements based on their type; for example, you can quickly style the first or last row of tables using these pseudo-classes.</blockquote>


==DOM==
=== DOM ===
* DOM selectors API
* DOM selectors API


Line 197: Line 213:
* MozMousePixelScroll event
* MozMousePixelScroll event


<blockquote>If you want pixel-precise scroll wheel events, the new <code>[https://developer.mozilla.org/en/Gecko-Specific_DOM_Events#MozMousePixelScroll MozMousePixelScroll] event is for you.  You can now get extremely accurate mouse scroll wheel data on devices that support it, such as Apple's MacBook trackpads.</blockquote>
<blockquote>If you want pixel-precise scroll wheel events, the new <code>[https://developer.mozilla.org/en/Gecko-Specific_DOM_Events#MozMousePixelScroll MozMousePixelScroll]</code> event is for you.  You can now get extremely accurate mouse scroll wheel data on devices that support it, such as Apple's MacBook trackpads.</blockquote>


* ICC Color Correction is on by default (tagged images only)
* ICC Color Correction is on by default (tagged images only)


<blockquote>You can now ensure that your graphics look exactly the way you intend by embedding ICC color correction tags into them.  By default, Firefox 3.5 [https://developer.mozilla.org/En/ICC_color_correction_in_Firefox applies color correction to tagged images].
<blockquote>You can now ensure that your graphics look exactly the way you intend by embedding ICC color correction tags into them.  By default, Firefox 3.5 [https://developer.mozilla.org/En/ICC_color_correction_in_Firefox applies color correction to tagged images].</blockquote>


* The defer attribute is now supported on script elements
* The defer attribute is now supported on script elements
Line 211: Line 227:
<blockquote>You can now [https://developer.mozilla.org/En/Applying_SVG_effects_to_HTML_content apply SVG effects to HTML content].  This lets you make your HTML content pop with masks, clipping, and filters.</blockquote>
<blockquote>You can now [https://developer.mozilla.org/En/Applying_SVG_effects_to_HTML_content apply SVG effects to HTML content].  This lets you make your HTML content pop with masks, clipping, and filters.</blockquote>


==XMLHttpRequest==
* Mouse Gesture Events
 
<blockquote>
We've added support for [https://developer.mozilla.org/En/DOM/Mouse_gesture_events mouse gestures] for web developers.  You can now listen for for gestures and make your web site act intelligently to the new events.
</blockquote>
 
=== XMLHttpRequest ===


* Progress events on XMLHttpRequest
* Progress events on XMLHttpRequest
Line 221: Line 243:
<blockquote>Firefox 3.5 provides support for [https://developer.mozilla.org/En/HTTP_access_control cross-site HTTP requests], including those made by <code>[https://developer.mozilla.org/en/XMLHttpRequest XMLHttpRequest]</code>, to work across domains on servers configured to support it.</blockquote>
<blockquote>Firefox 3.5 provides support for [https://developer.mozilla.org/En/HTTP_access_control cross-site HTTP requests], including those made by <code>[https://developer.mozilla.org/en/XMLHttpRequest XMLHttpRequest]</code>, to work across domains on servers configured to support it.</blockquote>


==Canvas==
* Input Events and DOM Timeouts block during synchronous XMLHttpRequests
 
<blockquote>
We now properly block input events and DOM timeouts when you're doing a synchronous XMLHttpRequest.  Previous versions of Firefox did not.
</blockquote>
 
=== Canvas ===
 
* Text API for Canvas
* Text API for Canvas


Line 233: Line 262:


<blockquote>You can improve performance of DOM rendering by using the <code>-moz-opaque</code> attribute to indicate that a canvas will not use any translucency.  If the canvas knows translucency isn't a factor, it can optimize painting performance for you.</blockquote>
<blockquote>You can improve performance of DOM rendering by using the <code>-moz-opaque</code> attribute to indicate that a canvas will not use any translucency.  If the canvas knows translucency isn't a factor, it can optimize painting performance for you.</blockquote>
= User Experience =
==Features==
=== Privacy ===
* Private browsing mode
** Private browsing mode allows you to browse the Web without leaving any trace on your computer of where you have been.  (Family friendly examples to use in the copy include birthday presents, surprise vacations, researching medical conditions, etc)  Talking points could focus on how Firefox is your personal browser, is respectful of your privacy, let's you go "off the record", etc.
* Clear recent history window
** Clear recent history allows you to easily delete from Firefox's memory where you have been on the Web for a particular range of time.  It's essentially the same thing as private browsing mode, but in reverse.  This is useful for if you forget to go into private browsing mode, and gives the user more control over their privacy.
* Better privacy options
** Firefox now simply asks if you would like it to store information about where you go on the Web, or not.  Users now also have more control over what types of information are displayed in the awesome bar (do we normally say location bar in formal text?)
* Ability to have Firefox always running in private browsing mode
** The privacy options in Firefox have been simplified so that you can easily make sure that Firefox isn't capturing any information about where people go on the Web.  This is useful for public computers, or users who are very privacy conscious.
* Forget About This Site
** when you are viewing your history, you can now remove all traces of a particular Web site
===Site Identity===
* The site identity button now displays the domain name for SSL
** This makes it easier to notice when you are entering or exiting a secure connection, and who you are connected to.  It's easier to view the domain name on the button than trying to parse it out of a complicated URL, and clicking on the button gives you additional information about the site's identity.
===Tabs===
* Tear off tabs
** You can now tear tabs off and they turn into separate windows
* New tab button
** Creating a new tab no longer requires an arcane keyboard shortcut (honestly we were so late the party on this one it feels wrong to promote it as a user facing feature)
===Awesome Bar===
* Privacy preferences for filtering the type of information shown
** You can have the awesome bar display only bookmark matches, history matches, both or neither.  This gives users more control over the personal information being displayed as they use their browser, and also lets them customize the interface to the specific way that they want to use it.
* Now possible to restrict the url bar autocomplete results to bookmarks/tagged/history entries and match only url/title
** You can restrict the search to your history by typing “^”, or bookmarks with “*”, or tagged pages with “+”. To make what you’ve typed match only in the URL type “@”, and for title/tags only use “#”., more details here: http://ed.agadak.net/2008/07/firefox-31-restricts-matches-keywords
* Better UI for keyword searches
** After right-clicking a search box on a page and giving it a keyword, you can now see what you're going to search when you type the keyword in the location bar.
** I couldn't figure out how this works, checking with mardak.  Beltzner provided this screen shot, of entering "bug foo": http://www.grabup.com/uploads/11a4c6176ddb0df1a8aff3ef5e121603.png
===Other===
* Multi-touch gestures on OS X and Windows 7
** need description from Mardak
* Tag auto complete
** We now have autocomplete in the tag field when you are bookmarking a page
* Tag bulk editing
** In the library window you can now edit the set of tags for multiple selected bookmarks
* Better interface for session restore
** Firefox automatically restores after a crash, if there are two crashes presents the user with a tab instead of a modal dialog and they can select the pages that they want to restore.  You can see this page by going to about:sessionrestore
* Undo close window
** You can now restore windows that you close with History > Recently Closed Windows
* Improved date containers in History Sidebar, and in History in the Library
** History is now grouped into Today, Yesterday, the last 7 days, and specific Months
==Polish==
===Interactive===
* Scrolling with Macbook touchpads is now smooth and pixel-precise
* OS X: Shift is no longer required to drag folders around on the bookmarks toolbar
* Now using a new search text box widget for all search interactions in the interface
* Software update dialog no longer grabs the focus
* OS X: Dragging the window is now possible using toolbars and statusbar
===Visual===
* Arrow on columns in a list view indicating the sort direction was backwards
* Better notification bar animation
* Vista: corners of tooltips are now transparent
* Vista and XP: group boxes now have native themeing
* OS X: rounded corners on contextual menus
* Correct use of progressive disclosure controls
* A lot of alignment fixes
* Now using some of the icons that were originally created for Firefox 3
* In a text field, the notch on the caret is no longer displayed by accident
* Vista: visual changes to the design of the sidebars
* Red dinosaur favicon removed from getting started
* Linux: icons in the location bar are now aligned
* No longer drawing the focus ring on the tab bar when you click on a tab
* New file system level icons (disk image, document)
* New crash reporter icon
* New software update icon
* OS X: support for the graphite OS setting
* OS X: tabs in windows like Page Info or the add-ons manager now appear native
* OS X: Controls in background windows (like scrollbars) are now grayed out correctly
* OS X: The tabs in the Advanced preferences pane now use the modern appearance
* OS X: Form controls in websites now look crisp most of the time
* OS X: Search fields now appear native
* OS X: Improved unified toolbar gradient
Christopherblizzard
canmove, Confirmed users
1,577

edits

Retrieved from "https://wiki.mozilla.org/Special:MobileDiff/139342...144536"