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 filtering 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. Offline 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 fine-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 benefit
• 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 fixes
• 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 first
• Improve the plug-in finding experience
Wednesday, March 4, 2009
37. Browser Modes
• Task-specific 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