Watch videos with subtitles in your language, upload your videos, create your own subtitles! Click here to learn more on "how to Dotsub"

Preparing for HTML5

0 (0 Likes / 0 Dislikes)
[♪music♪] [EDGE] Hi, I'm Julie Campagna. I manage the EDGE newsletter. There's been a lot of talk about HTML5 lately. We thought it was time to get a reality check, so today we're in Southern California, and we thought we'd swing by and visit with Paul Gubbay. Paul is a Dreamweaver champion. He's been working with the Dreamworker team for years now, most recently focusing on HTML5. Let's go chat with Paul. [♪music♪] Well, first I want to say thanks for letting us come over and interrupt your busy day so that you could set the record straight about HTML5. So first, what is HTML5? [Paul Gubbay, VP of Engineering, Design & Web - Adobe] Wow, well, I guess in its simplest form, it's the evolution of HTML. What I think it means for most people is a new set of functionality that you're going to be able to take advantage of, especially for a web professional. It's going to feel incremental to you in terms of how you take advantage of it, but it's going to open up a whole new world of interesting things that you're going to be able to do. [Campagna] What do you think is the biggest gating factor for widespread HTML5 adoption? [Gubbay] Oh, it's the vendors. It's the browser venders themselves--you know, you've got two things. You've got spec, which is very important, obviously, and it takes time, right? I mean, it takes time to develop a really good spec that people can agree on and we're years and years out from getting there. [Campagna] I hear rumors--I'm sure you have as well--that HTML5 is a Flash-killer. How do you respond to that? [Gubbay] I understand why people do think that; I mean, there's a lot of FUD out there, and there's a lot of other background behind why companies are saying the things they do. The reality is, you know, 3 things. 1. You certainly can't do all the things you can do in Flash with HTML5 today. There's certainly differences in what you can do in the level of richness and depth and things like that. 2. It's just not consistent, and it's going to take a while until it's consistent. It's going to limit people a lot in terms of just how far they can go if they care about more than 1 device. And then the third thing is that you'd also have to assume that the Flash team's not going to do anything for the next 5 or 6 years, you know? That's just not the DNA, right? The DNA has always been to push the envelope and be the blueprint for where we need to go, and nothing--nothing's going to change-- that's gonna continue on and--yeah. So I do not see it at all as a Flash-killer. I get why people think that, or ask those questions, but I think that it'll play out and people will see that's just not the case at all. [Campagna] What is the Dreamweaver team doing to prepare for HTML5 or to prepare customers for HTML5? [Gubbay] We see HTML5 and CSS3 as just incredible opportunities-- almost like a rebirth again of the web from the original days where we get to do really interesting things with people again. And so, the two areas that we're particularly interested in right now-- we're interested in multi-screen development, and we have the HTML5 Update Pack that we just put out on Labs that actually is the beginnings of some of the multi-screen development we're doing, and that's pretty cool. And then, we think the richer activity stuff, you know, some of the really cool, sexy stuff that you see out there. There's a lot of ways to do it--is it SVG and JavaScript? Is it CSS3? Is it Canvas? I mean, there's different ways to take advantage of that depending on what you're doing. [Campagna] So the Dreamweaver team just released an extension that brings HTML5 to Dreamweaver. Can you tell me a little bit about that? [Gubbay] Yeah, so it's called the HTML5 Update Pack. Free extension, download it, install it with CS5, and get a chance to play around with it. You get some starter templates, you get the built-in code hinting, the live-view updates to show all the stuff that you can do, and then, of course, all this media query, multi-screen stuff that we put in there, which I have got lots of great feedback from customers-- they're pretty excited about playing around with that. [Campagna] I'm a Dreamweaver user--am I behind the curve? [Gubbay] The good news is you're not behind the curve. At all. There's a lot of hype and excitement about HTML5 and really cool things you can see, that you can do, and there's very few people who actually know how to do some of those things, and they work on only a certain set of devices so you're not behind the curve, but now is a great time to really start understanding more about what it is and I think tools like Dreamweaver are going to go a long way to help you being able to do that. So one of the things you can do now is you can create classes with the same names, so you can use header, you can use footer, you can structure your page semantically even today, with classes attached to divs so that you're sort of ready for and understand and thinking that way as those elements become available and supported in the browsers that you're going after. You can use HTML5 form elements, so there's a whole bunch of new things you can do with forms with HTML5, and what's nice about that and why you can use that now is that if you're using a modern browser that supports that stuff--great. You're going to have kick-ass forms--you know--in your page. If you're using a browser that doesn't support it, it's just going to ignore that stuff. So I think that's also a safer way that you can take advantage of that stuff, but at the same time, not really pay a penalty if it's not supported. Other than that, I'd say it's all about just getting yourself familiar with it. It's kind of learning what's out there and--most importantly--trying to figure out where it's available based on what it is that you're trying to target. So don't make the mistake of going, "That's sexy and great--I'm going to go and do that," and then find out it just doesn't work at all in a browser that actually matters to your customer, so make sure you do that. There's a good site called that has a nice graphical way of showing you what types of HTML elements are available across different browsers that can help. You know, the big take-away for me is that you know, these are exciting times. These are exciting times for our customers. It's exciting times for us because we get to do really interesting things for the customers, so look forward to a lot of compelling stuff I think you're going to see coming out of the Dreamweaver team and Adobe in general around all of this. [Campagna] Well, there you have it--HTML5 is on the horizon and it's a really great time to start preparing for it. If you're a Dreamweaver user, definitely visit Adobe Labs and download the Dreamweaver HTML5 Extension Pack [] and start exploring the ways that you could start using HTML5 now. And if you want to learn more about Dreamweaver and HTML5, you can also visit the Adobe Developer Connection. I hope you enjoyed this edition of The EDGE. [♪music♪]

Video Details

Duration: 6 minutes and 15 seconds
Language: English
License: All rights reserved
Genre: None
Views: 83
Posted by: adobetv on Oct 21, 2010

In this video, Managing Editor Julie Campagna interviews Paul Gubbay, VP of engineering at Adobe, to get perspective on HTML5: Is it ready for primetime? Who's using it why? And how is the Dreamweaver team supporting users who are eager to explore HTML5 today?

Caption and Translate

    Sign In/Register for Dotsub to translate this video.