SlideShare a Scribd company logo
1 of 39
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=quot;http://you.com/yourvid.oggquot;>
                     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
Firefox 3.5

                           Your Browser


Wednesday, March 4, 2009
Private Browsing
               • Tools/Start Private Browsing (cmd+shift+P)
               • Dumped: History, cookies, downloads,
                    cache, passwords, searches




Wednesday, March 4, 2009
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

More Related Content

Viewers also liked (7)

Presentacion Ies Bendinat Bulgaria
Presentacion Ies Bendinat BulgariaPresentacion Ies Bendinat Bulgaria
Presentacion Ies Bendinat Bulgaria
 
User Trust and the Design of Self Recording
User Trust and the Design of Self RecordingUser Trust and the Design of Self Recording
User Trust and the Design of Self Recording
 
Joyent Smart Platform
Joyent Smart PlatformJoyent Smart Platform
Joyent Smart Platform
 
Testing Baby Foxes
Testing Baby FoxesTesting Baby Foxes
Testing Baby Foxes
 
Anexo Viii. Bendinat Banyalbufar
Anexo Viii.  Bendinat BanyalbufarAnexo Viii.  Bendinat Banyalbufar
Anexo Viii. Bendinat Banyalbufar
 
Mozilla, the Web and IOT
Mozilla, the Web and IOTMozilla, the Web and IOT
Mozilla, the Web and IOT
 
Career Hacking - Exploring Your Way to a Fun Job in Open Source Technology
Career Hacking - Exploring Your Way to a Fun Job in Open Source TechnologyCareer Hacking - Exploring Your Way to a Fun Job in Open Source Technology
Career Hacking - Exploring Your Way to a Fun Job in Open Source Technology
 

Similar to Firefox 3.5 and Beyond, At Portland Web Innovators

Running The Show Configuration Management With Chef Presentation
Running The Show  Configuration Management With Chef PresentationRunning The Show  Configuration Management With Chef Presentation
Running The Show Configuration Management With Chef Presentation
railsconf
 
TriplePlay-WebAppPenTestingTools
TriplePlay-WebAppPenTestingToolsTriplePlay-WebAppPenTestingTools
TriplePlay-WebAppPenTestingTools
Yury Chemerkin
 
Building Apis That Rock
Building Apis That RockBuilding Apis That Rock
Building Apis That Rock
Jeff Eaton
 
Notes on Reducing Firefox's Memory Consumption
Notes on Reducing Firefox's Memory ConsumptionNotes on Reducing Firefox's Memory Consumption
Notes on Reducing Firefox's Memory Consumption
nnethercote
 

Similar to Firefox 3.5 and Beyond, At Portland Web Innovators (20)

Mwsf09 Session Ultimate Mac Starter Class
Mwsf09 Session   Ultimate Mac Starter ClassMwsf09 Session   Ultimate Mac Starter Class
Mwsf09 Session Ultimate Mac Starter Class
 
ERECOMPI
ERECOMPIERECOMPI
ERECOMPI
 
Adhearsion @ eComm 2009 Final
Adhearsion @ eComm 2009   FinalAdhearsion @ eComm 2009   Final
Adhearsion @ eComm 2009 Final
 
Running The Show Configuration Management With Chef Presentation
Running The Show  Configuration Management With Chef PresentationRunning The Show  Configuration Management With Chef Presentation
Running The Show Configuration Management With Chef Presentation
 
Web Standards and Accessibility
Web Standards and AccessibilityWeb Standards and Accessibility
Web Standards and Accessibility
 
MinneWebCon 2009 CodeMorphic Hybrid iPhone App Presentation
MinneWebCon 2009 CodeMorphic Hybrid iPhone App PresentationMinneWebCon 2009 CodeMorphic Hybrid iPhone App Presentation
MinneWebCon 2009 CodeMorphic Hybrid iPhone App Presentation
 
Drupal CDN integration: easier, more flexible and faster!
Drupal CDN integration: easier, more flexible and faster!Drupal CDN integration: easier, more flexible and faster!
Drupal CDN integration: easier, more flexible and faster!
 
The ABC of User Testing
The ABC of User TestingThe ABC of User Testing
The ABC of User Testing
 
Video Workshop May20
Video Workshop May20Video Workshop May20
Video Workshop May20
 
Intro to Postgres 8.4 Tutorial
Intro to Postgres 8.4 TutorialIntro to Postgres 8.4 Tutorial
Intro to Postgres 8.4 Tutorial
 
TriplePlay-WebAppPenTestingTools
TriplePlay-WebAppPenTestingToolsTriplePlay-WebAppPenTestingTools
TriplePlay-WebAppPenTestingTools
 
Building Apis That Rock
Building Apis That RockBuilding Apis That Rock
Building Apis That Rock
 
Updated: Barcamp Kl 0409 Hacker Space Kl 2
Updated: Barcamp Kl 0409 Hacker Space  Kl 2Updated: Barcamp Kl 0409 Hacker Space  Kl 2
Updated: Barcamp Kl 0409 Hacker Space Kl 2
 
What is Ruby on Rails?
What is Ruby on Rails?What is Ruby on Rails?
What is Ruby on Rails?
 
W3C Geolocation API - Making Websites Location-aware
W3C Geolocation API - Making Websites Location-awareW3C Geolocation API - Making Websites Location-aware
W3C Geolocation API - Making Websites Location-aware
 
Notes on Reducing Firefox's Memory Consumption
Notes on Reducing Firefox's Memory ConsumptionNotes on Reducing Firefox's Memory Consumption
Notes on Reducing Firefox's Memory Consumption
 
Depot Best Practices
Depot Best PracticesDepot Best Practices
Depot Best Practices
 
iPhone Development Overview
iPhone Development OverviewiPhone Development Overview
iPhone Development Overview
 
Young Activists
Young ActivistsYoung Activists
Young Activists
 
Drupal + WBR
Drupal + WBRDrupal + WBR
Drupal + WBR
 

Recently uploaded

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 

Recently uploaded (20)

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot ModelMcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 

Firefox 3.5 and Beyond, At Portland Web Innovators

  • 1. Firefox 3.5 Because Firefox 3.1 is what was yesterday. Wednesday, March 4, 2009
  • 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. Firefox 3.5 Uplifting the Web Wednesday, March 4, 2009
  • 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
  • 22. Private Browsing • Tools/Start Private Browsing (cmd+shift+P) • Dumped: History, cookies, downloads, cache, passwords, searches Wednesday, March 4, 2009
  • 24. Recent History • Did you forget to go into private mode? Wednesday, March 4, 2009
  • 25. Awesomebar Control • Default search scope 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
  • 33. Animation? Safari 4 AT&T Pogo Wednesday, March 4, 2009
  • 34. Chromeless? • What if the Web was all there was? • Gestures • Accelerometer • Voice commands 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

Editor's Notes