Your SlideShare is downloading. ×
0
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
             ...
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 ...
HTML + SVG = <3
               • Masking, clipping and filtering of Web
                    content




Wednesday, March 4,...
Downloadable Fonts

               • @font-face
               • Provide a name (font-family) and a URL
               • A...
Enabling Applications



Wednesday, March 4, 2009
Drag and Drop API


               • HTML5
               • Within and between different web sites
               • Also a...
Offline Caching


               • HTML 5
               • No extension installation needed
               • Implemented by...
Web Worker Threads

               • W3C Web Apps WG
               • Event-driven message passing
               • Worker...
Cross-site XHR

               • W3C Web Apps WG
               • HTTP Headers
               • Servers have fine-grained r...
XHR Progress Events


               • W3C Web Apps WG
               • DOM events
               • progress, load, error,...
Native JSON

               • JSON.parse()
               • JSON.stringify()
               • Web content and for extensio...
Geolocation

               • Allows Web apps to get information about
                    the user’s current location
   ...
Performance
                            I can’t drive 55.




Wednesday, March 4, 2009
DNS Pre-fetching

               • Proactively perform DNS resolution on links
                    and in-page resources
 ...
Speculative Parsing

               • Pre-load and parse CSS and JavaScript
                    included in a page
       ...
TraceMonkey

               • Really fast JavaScript. Really.
               • Converts JavaScript to native code via a
  ...
More

          • Everything I’ve covered so far is available here:

https://developer.mozilla.org/en/Firefox_3.1_for_deve...
Firefox 3.5

                           Your Browser


Wednesday, March 4, 2009
Private Browsing
               • Tools/Start Private Browsing (cmd+shift+P)
               • Dumped: History, cookies, do...
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 (@)
          ...
Tagging

               • In the Library, can edit tags for multiple
                    selected URLs in history and book...
Detachable Tabs


               • Drag a tab out to create a new window
               • Drag tabs between windows
      ...
Percent Shiny

               • Let no detail get left behind
               • Firefox is currently 40% shiny
            ...
More

               • Focus on performance enhancements in
                    Bookmarks, History, Awesomebar
           ...
Sprints

               • Short iterations on low-cost big-win features
               • Examples:
                • Show ...
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
...
Contextual Menus




Wednesday, March 4, 2009
Gestures




Wednesday, March 4, 2009
Browser Modes

               • Task-specific fullscreen modes
               • Editor mode: go fullscreen when in a textar...
Ubiquity

               • Keyboard interface
               • I’ve stopped using menus




Wednesday, March 4, 2009
More

               • Mozilla Labs Concept Series
                • http://labs.mozilla.com/projects/concept-
           ...
Upcoming SlideShare
Loading in...5
×

Firefox 3.5 and Beyond, At Portland Web Innovators

1,588

Published on

Published in: Technology
1 Comment
2 Likes
Statistics
Notes
No Downloads
Views
Total Views
1,588
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
20
Comments
1
Likes
2
Embeds 0
No embeds

No notes for slide







































  • Transcript of "Firefox 3.5 and Beyond, At Portland Web Innovators"

    1. 1. Firefox 3.5 Because Firefox 3.1 is what was yesterday. Wednesday, March 4, 2009
    2. 2. So Much Good Stuff • A short release cycle, tying up loose ends from 3.0 • ... • “The best laid plans...” Wednesday, March 4, 2009
    3. 3. Firefox 3.5 Uplifting the Web Wednesday, March 4, 2009
    4. 4. Shiny Shiny Wednesday, March 4, 2009
    5. 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. 6. HTML + SVG = <3 • Masking, clipping and filtering of Web content Wednesday, March 4, 2009
    7. 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
    8. 8. Enabling Applications Wednesday, March 4, 2009
    9. 9. Drag and Drop API • HTML5 • Within and between different web sites • Also available for extension developers Wednesday, March 4, 2009
    10. 10. Offline Caching • HTML 5 • No extension installation needed • Implemented by the site, and just works Wednesday, March 4, 2009
    11. 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. 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. 13. XHR Progress Events • W3C Web Apps WG • DOM events • progress, load, error, abort Wednesday, March 4, 2009
    14. 14. Native JSON • JSON.parse() • JSON.stringify() • Web content and for extensions • FAST! Wednesday, March 4, 2009
    15. 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. 16. Performance I can’t drive 55. Wednesday, March 4, 2009
    17. 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. 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. 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. 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. 21. Firefox 3.5 Your Browser Wednesday, March 4, 2009
    22. 22. Private Browsing • Tools/Start Private Browsing (cmd+shift+P) • Dumped: History, cookies, downloads, cache, passwords, searches Wednesday, March 4, 2009
    23. 23. Wednesday, March 4, 2009
    24. 24. Recent History • Did you forget to go into private mode? Wednesday, March 4, 2009
    25. 25. Awesomebar Control • Default search scope Wednesday, March 4, 2009
    26. 26. Per-search Control • Restrict searches by: • Title (#) • URL (@) • Tag (+) • Is Bookmarked (*) • Was Typed (~) Wednesday, March 4, 2009
    27. 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. 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. 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. 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. 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
    32. 32. Firefox.next Wednesday, March 4, 2009
    33. 33. Animation? Safari 4 AT&T Pogo Wednesday, March 4, 2009
    34. 34. Chromeless? • What if the Web was all there was? • Gestures • Accelerometer • Voice commands Wednesday, March 4, 2009
    35. 35. Contextual Menus Wednesday, March 4, 2009
    36. 36. Gestures Wednesday, March 4, 2009
    37. 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. 38. Ubiquity • Keyboard interface • I’ve stopped using menus Wednesday, March 4, 2009
    39. 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
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×