Moving browsers and the web forward (video)

A few days ago I was asked to deliver the first talk of the amazing Beyond Tellerand conference in Dusseldorf, Germany. The talk Breaking the barriers – moving browsers and the web forward introduced a lot of new ideas and technologies that are worked on my Mozilla and others to make the web of the future better.

Here is the video of the presentation with jump points and links to more information. If you want to see the slides of the talk, they are available here and there is also an audio recording on archive.org.

Breaking the barriers – moving browsers and the web forward from marc thiele on Vimeo.

Here’s what is covered in the talk:

  1. Modern web technologies of HTML5 and friends that can be used right now (with 64 myself as a demo) [03:50 – 07:19]
    • Rich HTML semantics (HTML5)
    • Self-validating forms (HTML5)
    • Richer form controls with fallbacks (HTML5)
    • Canvas for painting in the browser (HTML5)
    • CSS gradients, multiple backgrounds, animation and transition
    • CSS 3D transforms
    • Local storage and offline storage
    • SVG for scalable and interactive graphics
    • RequestAnimationFrame for secure animation
    • History API
    • WebGL
  2. Taking on challenges – we need you to show the world that web technology is good enough to do jobs that in the past were only possible with native or server-side code (with Joe Lambert’s image unshredder as the example) [07:20 – 08:04]
  3. Breaking the browser mould – showing that the browser interfaces can be manipulated with HTML and JS (with browser menus, context menus and the Fullscreen API as examples) [08:05 – 10:54]
  4. Developing with the web – developer tools in browsers and done in client side technologies (with Hackasaurus, Cloud 9 IDE, Firefox Scratchpad, Firefox Style Editor, Parse error display in view-source and Tilt as examples) [10:55 – 17:24]
  5. Online identity and issues with current login systems (with BrowserID as a solution to a lot of the problems we have right now) [17:25 – 29:35]
  6. Apps, the shortcomings and myths of native apps and the opportunity to build hybrid apps with web technologies (with Open Web Apps and Web Intents as examples) [29:36 – 37:34]
  7. Moving web technologies into the mobile space (with Are we mobile yet? and Boot to Gecko as demos) [37:35 – 40:11]
  8. How can you help? [40:12 – 42:33]

About Chris Heilmann

Evangelist for HTML5 and open web. Let's fix this!

More articles by Chris Heilmann…


4 comments

  1. Paul Booker

    A really nice presentation, thanks for sharing.

    // Paul Booker

    December 5th, 2011 at 07:04

  2. trusktr

    Speaking of moving browsers and the web forward, when will browsers render the DOM and all JavaScript manipulations to the DOM entirely in OpenGL?

    I don’t mean WebGL, where you do everything inside a box (al la plugin). I mean the entire Browser renders everything in OpenGL (if the user’s system supports it). Where not supported, WebKit is fine.

    December 8th, 2011 at 21:01

    1. gim

      IIRC both ie9 and ff4 uses hardware acceleration for rendering. Dunno how it is with Chrome

      December 17th, 2011 at 05:02

      1. trusktr

        Hmmmmm… Are javascript animations rendered with the video card?

        For example, if I animate the DOM by moving a div around with at a speed of 30 frames per second, I don’t think that will be accelerated with the video card.

        For chrome, only CSS3 animations are accelerated with the video card. Javascript animations are not.

        January 8th, 2012 at 21:19

Comments are closed for this article.