Click on any phrase to play the video from that point.
[ADOBE TV-tv.adobe.com]
Hi, I'm Greg Rewis, Principal Evangelist at Adobe,
and I'd like to talk to you today about Creative Suite Web Premium 5.5
and specifically Dreamweaver CS5.5
and how it integrates with a fabulous service called BrowserLab.
Now if you've been following along in any previous episodes,
you've seen that we've got a nice design
going here using HTML5 and CSS3,
and of course that always brings up the question, "What's this really going to look like
in all the browsers out there in the wild?"
While using Dreamweaver again in my live view,
I've actually seen exactly how the page is going to look
in WebKit-based browsers; that would be Chrome and Safari.
And of course, that gives me a great idea
about standards-compliant browsers, but we know that there are
some older browsers out there that are not quite as savvy, shall we say.
We want to check our work there, as well.
And as you can see, I'm working on a Mac.
How do I check a PC environment?
Well, again, BrowserLab to the rescue.
BrowserLab is one of the Adobe CS Live services,
and you can use it stand alone.
You don't even have to be using Dreamweaver.
But if you are using Dreamweaver CS5.5,
it's built right in--this integration that allows me
to be looking at my page right here and then
go and take a look in any browser of my choice
supported by the BrowserLab service.
Now, the way we do that is one of two ways.
Either I can select it here from my list of browsers,
or I can simply click 'preview' in my BrowserLab panel.
It's up to me.
Let's go ahead and click 'preview,' and that's going to tell
Dreamweaver to go start my browser and take me over to BrowserLab.
I'm actually connecting to a super-top-secret version of BrowserLab,
as we are filming this before the actual product
has been released--a new version of the service has been released.
So that's why I'm actually going to show you some
new features that you've never seen in BrowserLab before.
Now what is happening right now, if we look back over in Dreamweaver,
is that Dreamweaver is actually communicating with
the BrowserLab service and uploading my local files--
copies of my local files--up to the BrowserLab service
and then rendering them in the browsers of my choice.
So let's head back over.
It looks like some of our screen shots are already being processed.
Let's head back over into BrowserLab and take a look.
And we can see that one of my browsers has already come up.
Oh, Internet Explorer 7, I'm definitely going to have to work on that one,
but others, like Internet Explorer 9,
since I was going so much HTML5 and CSS3,
are already looking great.
Now, of course, sometimes you even want to compare
what does one browser look like in comparison with another,
and BrowserLab allows me to look at that as well.
You see, because I'll change my view from my one-up default view to a two-up view,
that way I can pick another browser, such as, let's say,
one of those more compliant browsers, Chrome 8, running on Windows.
And we can see those pages side by side.
We can scroll around, move around, so that we can actually compare the layouts.
And, hey, you know what?
Between Internet Explorer 9 and Chrome, we're not seeing many differences at all.
This is actually very fabulous.
But I told you there was a secret.
Now you might notice, there's some orange highlighting here.
Now don't get scared; this is not something that I just
accidentally left turned on back over on my Dreamweaver page.
In fact, we didn't even see this because this is a new feature
of BrowserLab.
Now, when we finally implement this in the finished version of the service,
it will look a little bit different, but for now, what it's actually showing
me are links in my page.
That's right, links.
Now those familiar with BrowserLab might know that up to now, BrowserLab was a
static picture; we're looking at a static picture.
Let me go back to my one-up view here,
just so you can see.
That means that it would be just like taking a screen shot and sending it off to my client.
But in the new BrowserLab, I can actually click on my links.
And, hey, BrowserLab has now communicated back with
Dreamweaver and said, "Hey, Greg clicked a link.
We need more files."
So Dreamweaver has handed off those files, and we're now
previewing that page inside of BrowserLab.
And, hey, if I click a link and keep clicking links, and I want to go back somewhere,
that would be a history, and BrowserLab now supports history as well.
So as I click back in my history,
we're moving back through the pages that I had already looked at.
So you can see, with BrowserLab it's really exciting and getting even better,
and the integration with Dreamweaver makes it dead easy to preview
not only a single page, but all the pages in my site,
navigating through my links, and even working backwards through my history.
Just another exciting feature in Creative Suite Web Premium 5.5.
[ADOBE TV-tv.adobe.com]
