5. <video/> <audio/>
⢠HTML5
⢠Ogg Vorbis, Ogg Theora and WAV support
⢠more on the way
<video src=quot;http://you.com/yourvid.oggquot;>
Your browser does not support the
<code>video</code> element.
</video>
Wednesday, March 4, 2009
6. HTML + SVG = <3
⢠Masking, clipping and ďŹltering of Web
content
Wednesday, March 4, 2009
7. Downloadable Fonts
⢠@font-face
⢠Provide a name (font-family) and a URL
⢠Allowing content to look as designers intend
⢠Your MySpace page will look awesome!
Wednesday, March 4, 2009
9. Drag and Drop API
⢠HTML5
⢠Within and between different web sites
⢠Also available for extension developers
Wednesday, March 4, 2009
10. OfďŹine Caching
⢠HTML 5
⢠No extension installation needed
⢠Implemented by the site, and just works
Wednesday, March 4, 2009
11. Web Worker Threads
⢠W3C Web Apps WG
⢠Event-driven message passing
⢠Workers can do XMLHttpRequest
⢠Workers can import script libraries
Wednesday, March 4, 2009
12. Cross-site XHR
⢠W3C Web Apps WG
⢠HTTP Headers
⢠Servers have ďŹne-grained resource control
⢠User-agents validate and enforce policy
Wednesday, March 4, 2009
13. XHR Progress Events
⢠W3C Web Apps WG
⢠DOM events
⢠progress, load, error, abort
Wednesday, March 4, 2009
14. Native JSON
⢠JSON.parse()
⢠JSON.stringify()
⢠Web content and for extensions
⢠FAST!
Wednesday, March 4, 2009
15. Geolocation
⢠Allows Web apps to get information about
the userâs current location
⢠Pluggable providers
⢠navigator.geolocation
⢠UI in Firefox, but no providers by default
Wednesday, March 4, 2009
16. Performance
I canât drive 55.
Wednesday, March 4, 2009
17. DNS Pre-fetching
⢠Proactively perform DNS resolution on links
and in-page resources
⢠Reduces latency on link-clicks, etc
⢠Low bandwidth, big beneďŹt
⢠Can reduce page load by 5% for pages with
lots of images
Wednesday, March 4, 2009
18. Speculative Parsing
⢠Pre-load and parse CSS and JavaScript
included in a page
⢠Big improvement for pages that include big
JavaScript libraries
⢠Not always possible
Wednesday, March 4, 2009
19. TraceMonkey
⢠Really fast JavaScript. Really.
⢠Converts JavaScript to native code via a
specialized JIT compiler
⢠Optimizes common or repeated actions
such as function calls, type checking, loops
Wednesday, March 4, 2009
20. More
⢠Everything Iâve covered so far is available here:
https://developer.mozilla.org/en/Firefox_3.1_for_developers
Wednesday, March 4, 2009
21. Firefox 3.5
Your Browser
Wednesday, March 4, 2009
26. Per-search Control
⢠Restrict searches by:
⢠Title (#)
⢠URL (@)
⢠Tag (+)
⢠Is Bookmarked (*)
⢠Was Typed (~)
Wednesday, March 4, 2009
27. Tagging
⢠In the Library, can edit tags for multiple
selected URLs in history and bookmarks
⢠Tag autocomplete wherever you can add
tags
⢠Also usable by extensions
Wednesday, March 4, 2009
28. Detachable Tabs
⢠Drag a tab out to create a new window
⢠Drag tabs between windows
⢠Shows a preview of the tab being dragged
Wednesday, March 4, 2009
29. Percent Shiny
⢠Let no detail get left behind
⢠Firefox is currently 40% shiny
⢠50 remaining easy polish bugs
⢠You could be OCD... and a hero!
Wednesday, March 4, 2009
30. More
⢠Focus on performance enhancements in
Bookmarks, History, Awesomebar
⢠Hundreds of interaction ďŹxes
⢠Improved security UI: SSL error pages
Wednesday, March 4, 2009
31. Sprints
⢠Short iterations on low-cost big-win features
⢠Examples:
⢠Show open tabs in the Awesomebar
⢠Restore visible tabs ďŹrst
⢠Improve the plug-in ďŹnding experience
Wednesday, March 4, 2009
37. Browser Modes
⢠Task-speciďŹc fullscreen modes
⢠Editor mode: go fullscreen when in a textarea
⢠Next-action mode: shows a single tab series,
culled from a bookmark folder
⢠TV/Movie mode: fullscreen, with livemark
updates scrolling across the bottom
Wednesday, March 4, 2009
38. Ubiquity
⢠Keyboard interface
⢠Iâve stopped using menus
Wednesday, March 4, 2009
39. More
⢠Mozilla Labs Concept Series
⢠http://labs.mozilla.com/projects/concept-
series/
⢠Felipe Gomes: Gestures in Fennec
⢠http://www.vimeo.com/3156495
Wednesday, March 4, 2009