Firefox 3.5 and Beyond, At Portland Web Innovators - Presentation Transcript
Firefox 3.5
Because Firefox 3.1 is what was yesterday.
Wednesday, March 4, 2009
So Much Good Stuff
• A short release cycle, tying up loose ends
from 3.0
• ...
• “The best laid plans...”
Wednesday, March 4, 2009
Firefox 3.5
Uplifting the Web
Wednesday, March 4, 2009
Shiny Shiny
Wednesday, March 4, 2009
<video/> <audio/>
• HTML5
• Ogg Vorbis, Ogg Theora and WAV support
• more on the way
<video src=\"http://you.com/yourvid.ogg\">
Your browser does not support the
<code>video</code> element.
</video>
Wednesday, March 4, 2009
HTML + SVG = <3
• Masking, clipping and filtering of Web
content
Wednesday, March 4, 2009
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
Enabling Applications
Wednesday, March 4, 2009
Drag and Drop API
• HTML5
• Within and between different web sites
• Also available for extension developers
Wednesday, March 4, 2009
Offline Caching
• HTML 5
• No extension installation needed
• Implemented by the site, and just works
Wednesday, March 4, 2009
Web Worker Threads
• W3C Web Apps WG
• Event-driven message passing
• Workers can do XMLHttpRequest
• Workers can import script libraries
Wednesday, March 4, 2009
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
XHR Progress Events
• W3C Web Apps WG
• DOM events
• progress, load, error, abort
Wednesday, March 4, 2009
Native JSON
• JSON.parse()
• JSON.stringify()
• Web content and for extensions
• FAST!
Wednesday, March 4, 2009
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
Performance
I can’t drive 55.
Wednesday, March 4, 2009
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
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
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
More
• Everything I’ve covered so far is available here:
https://developer.mozilla.org/en/Firefox_3.1_for_developers
Wednesday, March 4, 2009
Recent History
• Did you forget to go into private mode?
Wednesday, March 4, 2009
Awesomebar Control
• Default search scope
Wednesday, March 4, 2009
Per-search Control
• Restrict searches by:
• Title (#)
• URL (@)
• Tag (+)
• Is Bookmarked (*)
• Was Typed (~)
Wednesday, March 4, 2009
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
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
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
More
• Focus on performance enhancements in
Bookmarks, History, Awesomebar
• Hundreds of interaction fixes
• Improved security UI: SSL error pages
Wednesday, March 4, 2009
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
Firefox.next
Wednesday, March 4, 2009
Animation?
Safari 4
AT&T Pogo
Wednesday, March 4, 2009
Chromeless?
• What if the Web was all there was?
• Gestures
• Accelerometer
• Voice commands
Wednesday, March 4, 2009
Contextual Menus
Wednesday, March 4, 2009
Gestures
Wednesday, March 4, 2009
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
Ubiquity
• Keyboard interface
• I’ve stopped using menus
Wednesday, March 4, 2009
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
1 comments
Comments 1 - 1 of 1 previous next Post a comment