Open Web Products for Everyone

Editor's Notes

2.   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
3.   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
4.   But if you have any questions there will be time at the end   Otherwise, come find me for a chat later on
5.   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
6.   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
7.   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
8.   I'm sure that Robert Nyman will be covering these in more detail   Doubtless other people will too
9.   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
10.   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...
11.   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
12.   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
13.   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
14.   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
15.   And beyond any other platform   Because, despite what any platform owner might want you to think   The Web is bigger than all of them
16.   This approach hopes to do web AND native, not web OR native
17.   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
29.       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.)
31.     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)
41.       Create CSS         Platform-specific (and orientation-specific) layouts         Transitions and animations
42.       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           LocalStorage         You can add your meta viewport settings here if you like         One good addition (for iOs) is the Google Mobile Bookmark Bubble
52. Kamil’s session tomorrow
54.     Jonathan Stark's Building iPhone Apps with HTML, CSS, and JavaScript is invaluable for Apple App Store advice
72.   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