Open Web Products for Everyone


Published on

My talk from Front Trends 2010 in Warsaw, Poland.

The aim of this talk is to demonstrate how you can extend your product's reach by staying true to the original ideals of web development while harnessing the power of new technologies and approaches.


Published in: Technology, Design
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

  •   Thanks damian and the front trends team
      And welcome to first of hopefully many front trends events
      Who's from poland? overseas? Who's polish but working overseas?
      I've been lucky to work with several great polish developers even though i’ve never worked in poland
      and it’s events like front trends that help nurture and foster that talent
      there’s a great line-up... some new (hi) and some very well-known
      i think we're all gonna learn something

  •   Kinda lightweight way to start the conference
      Will touch on topics covered by other speakers
      No code ... sorry about that
      I’ll be talking about some technologies that we know and love
      And some that may be new to you
      Mostly I’ll be talking about how to use technology to reach as many people as possible

  •   But if you have any questions there will be time at the end
      Otherwise, come find me for a chat later on

  •   I've been working with the web for a pretty long time now
      Certainly felt like the pace of change had slowed
      But 2010 really has been a year of change

  •   HTML5 hit the mainstream
      There are 3 great sessions here ... Rob Nyman, Tantek, and Chris Heilmann will be talking about HTML5 hotness
      Designers started to get to grips with CSS3
      And Lea Verou will be conducting a session on how you can use it now
      And JavaScript ... many of you guys are JS devs ... You know what kinda year it's been for JavaScript

  •   JavaScript has continued to grow as a language, not just in browsers
      But also on the server
      Douglas Crockford will be talking about JavaScript on the server
      And from what I understand Kyle Simpson will be talking about JavaScript running everywhere

  •   I'm sure that Robert Nyman will be covering these in more detail
      Doubtless other people will too

  •   Smartphones certainly aren't new
      But there have been several devices
      This year also saw Android overtake iOs
      The iPad introduced us to a new generation of tablet computing
      And Google's partnership with Sony on Google TV
      Shows us that the web will continue to spill into many different form factors
      And use contexts

  •   I don't think so
      But it's certainly a lot to keep up with
      The rise of the device and the app has certainly led people to ask...

  •   In one word, "no"
      This infographic is from Wired magazine
      2010 has also been a great year for infographics ... and, some may say, their abuse in journalism ;)
      The article raised the point that people increasingly experience web content via apps
      This app-centric view could certainly threaten the web
      If developers concentrate on platforms other than the web

  •   The Open Web is a term that's been used lots this year
      If there has to be an Open movement, it's because there's a worry about closedness
      Tantek recently wrote a great primer -- you should check it out
      Basically, Open technologies and Open content and functionality

  •   I'd understand this to extend to inclusive design and 
      Universal access to content and functionality no regardless of browser, device, OS, impairment, whatever
      The Open Web is for everyone
      In my mind the Open Web is just the Web the way it was intended
      I believe in the Web

  •   This approach is about reaching as many people as possible
      Building for the Open Web is a great way to ensure you can reach a large audience
      But if more and more people are experiencing web content via apps and on a huge variety of devices,
      We gonna have to take our content and functionality to them too

  •   And beyond any other platform
      Because, despite what any platform owner might want you to think
      The Web is bigger than all of them

  •   This approach hopes to do web AND native, not web OR native

  •   This approach won't work for every situation
      There will be times when you want to build a native app
      But this approach could work in many situations
      And it's a simple way to extend the reach of your product

  •       This helps in a few ways
            It is centred on lightweight interactions that respect the mobile context of use
            It provides a solid foundation if we want to extend the scope in the future
                More services (any API that allows a user to show interest; Facebook, Dribbble, etc.)

  •     Separate HTML pages
          XHTML 1.0 Strict
            Deeply unfashionable
            Super validate-able documents
          You may want to use HTML5 here ... that's fine
            I haven't because this talk is about reach and I still can't find good data on html5 element support in mobile browsers, except for WebKit and friends
            I could use polyfills but they work through regressive enhancement
              That's fine for when you know your target has the ability to implement polyfills
              Not so good for open-ended mobile support
          Meta viewport settings here if you want (or you can define them individually later)
        Basic CSS
          Can include CSS3 augmentations (they fail silently)

  •       Create CSS
            Platform-specific (and orientation-specific) layouts
            Transitions and animations

  •       Your library of choice ... I normally use jQuery but you can use whatever
            XUI is a good lightweight alternative
            You guys are JS Devs, right? Why would you need libraries? ;)
          Core JavaScript
            Hijaxes anchors/pages
            Provides enhances functionality
              Live search
            You can add your meta viewport settings here if you like
            One good addition (for iOs) is the Google Mobile Bookmark Bubble

  • Kamil’s session tomorrow

  •     Jonathan Stark's Building iPhone Apps with HTML, CSS, and JavaScript is invaluable for Apple App Store advice

  •   It's been a great year for our technological super powers
      "With great power comes great responsibility"
      We're here to uphold the web and to serve the people
      There are many exciting adventures ahead

  • ×