WEBVTT
00:00:00.000 --> 00:00:00.170 align:middle line:84%
00:00:00.170 --> 00:00:02.170 align:middle line:90%
So as Christian mentioned,
my name is Rey Bango.
00:00:02.170 --> 00:00:06.190 align:middle line:90%
And I'm a PM in the
developer evangelism team.
00:00:06.190 --> 00:00:08.660 align:middle line:90%
The group that I
lead specifically
00:00:08.660 --> 00:00:12.410 align:middle line:90%
focuses on helping the web
developers solve their problems
00:00:12.410 --> 00:00:14.039 align:middle line:90%
when it comes to
web development.
00:00:14.039 --> 00:00:15.580 align:middle line:90%
And notice how I
say web development.
00:00:15.580 --> 00:00:16.910 align:middle line:84%
I don't say Internet Explorer.
00:00:16.910 --> 00:00:18.035 align:middle line:84%
I don't say Microsoft Edge.
00:00:18.035 --> 00:00:21.070 align:middle line:90%
It's web development in general
because we do really focus
00:00:21.070 --> 00:00:22.460 align:middle line:84%
on cross-browser development.
00:00:22.460 --> 00:00:23.750 align:middle line:84%
We focus on web standards.
00:00:23.750 --> 00:00:25.880 align:middle line:90%
And that's what's important to
us, more than anything else.
00:00:25.880 --> 00:00:27.422 align:middle line:90%
It's not about which
browser you use.
00:00:27.422 --> 00:00:29.338 align:middle line:90%
It's not about which
technology stack you use.
00:00:29.338 --> 00:00:30.760 align:middle line:90%
It's about making
sure that you're
00:00:30.760 --> 00:00:33.130 align:middle line:90%
giving the best experience
for the end user,
00:00:33.130 --> 00:00:35.372 align:middle line:90%
whether you're using
Microsoft Edge,
00:00:35.372 --> 00:00:36.830 align:middle line:90%
whether you're
using Google Chrome,
00:00:36.830 --> 00:00:39.711 align:middle line:90%
or whether you're using Mozilla
Firefox or another type of form
00:00:39.711 --> 00:00:40.210 align:middle line:84%
factor.
00:00:40.210 --> 00:00:41.460 align:middle line:84%
That's really important to us.
00:00:41.460 --> 00:00:44.450 align:middle line:90%
And so I'm very fortunate to
have some really great people
00:00:44.450 --> 00:00:46.810 align:middle line:90%
on my team like Christian
Heilmann and Aaron Gustafson.
00:00:46.810 --> 00:00:48.810 align:middle line:90%
You saw Aaron talk about
accessibility yesterday
00:00:48.810 --> 00:00:49.920 align:middle line:84%
in HTML forms.
00:00:49.920 --> 00:00:51.280 align:middle line:84%
He's a big advocate for that.
00:00:51.280 --> 00:00:53.930 align:middle line:90%
Christian is obviously a very
big advocate for open source
00:00:53.930 --> 00:00:55.080 align:middle line:84%
and web standards.
00:00:55.080 --> 00:00:59.340 align:middle line:90%
And so as you can see, we're
really big advocates for that.
00:00:59.340 --> 00:01:00.720 align:middle line:84%
We're lovers of web standards.
00:01:00.720 --> 00:01:05.480 align:middle line:90%
And we want to continue to help
developers solve that problem.
00:01:05.480 --> 00:01:10.342 align:middle line:90%
But we also realize-- and we're
not sticking our head in a hole
00:01:10.342 --> 00:01:12.050 align:middle line:90%
and thinking that
everybody uses Windows.
00:01:12.050 --> 00:01:12.841 align:middle line:84%
We understand that.
00:01:12.841 --> 00:01:16.500 align:middle line:90%
In fact, everybody on the team
ends up using, like you said,
00:01:16.500 --> 00:01:17.710 align:middle line:84%
[? Cupertino ?] hardware.
00:01:17.710 --> 00:01:21.680 align:middle line:90%
This is my Microsoft
issued hardware.
00:01:21.680 --> 00:01:24.500 align:middle line:90%
I'm hoping this is
coming out on the stream.
00:01:24.500 --> 00:01:28.420 align:middle line:90%
So it is a Mac, and that's
what I use every single day.
00:01:28.420 --> 00:01:32.040 align:middle line:90%
And the reason we do
that, when I joined
00:01:32.040 --> 00:01:35.126 align:middle line:90%
Microsoft and they asked
me to start up this team,
00:01:35.126 --> 00:01:37.500 align:middle line:90%
this was one of the specific
assets that I said I needed.
00:01:37.500 --> 00:01:39.000 align:middle line:90%
I needed everybody
on the team to be
00:01:39.000 --> 00:01:42.200 align:middle line:90%
able to understand
how non-Microsoft web
00:01:42.200 --> 00:01:46.939 align:middle line:90%
developers are actually tackling
their day-to-day workflow.
00:01:46.939 --> 00:01:48.230 align:middle line:84%
And not everybody uses Windows.
00:01:48.230 --> 00:01:49.271 align:middle line:84%
And can you believe that?
00:01:49.271 --> 00:01:49.950 align:middle line:84%
Oh my god.
00:01:49.950 --> 00:01:52.690 align:middle line:90%
So we wanted to make
sure that we understand
00:01:52.690 --> 00:01:54.570 align:middle line:90%
what the workflow is
and that we can actually
00:01:54.570 --> 00:01:57.380 align:middle line:90%
have genuine conversations
with web developers,
00:01:57.380 --> 00:02:00.200 align:middle line:90%
using the technologies that
they use day in and day out.
00:02:00.200 --> 00:02:01.872 align:middle line:90%
And so that's why
a lot of you are
00:02:01.872 --> 00:02:03.580 align:middle line:90%
going to be-- that's
a picture of my Mac.
00:02:03.580 --> 00:02:04.940 align:middle line:90%
I have some really
cool stickers.
00:02:04.940 --> 00:02:06.760 align:middle line:90%
And I want to make sure that
Microsoft is represented there,
00:02:06.760 --> 00:02:07.369 align:middle line:84%
of course.
00:02:07.369 --> 00:02:08.410 align:middle line:84%
But I have cool stickers.
00:02:08.410 --> 00:02:10.770 align:middle line:90%
And we try to be
browser-agnostic
00:02:10.770 --> 00:02:13.790 align:middle line:90%
in our approach to speaking
with developers and tackling it.
00:02:13.790 --> 00:02:16.200 align:middle line:90%
And so a lot of you will be
using Macs, and some of you
00:02:16.200 --> 00:02:18.120 align:middle line:90%
will be using some
variant of Linux, which is
00:02:18.120 --> 00:02:19.430 align:middle line:84%
another great operating system.
00:02:19.430 --> 00:02:22.671 align:middle line:90%
People want to use what
they feel comfortable with.
00:02:22.671 --> 00:02:24.670 align:middle line:90%
And they want to use the
operating system that's
00:02:24.670 --> 00:02:27.170 align:middle line:90%
going to solve their problems
in the best possible way.
00:02:27.170 --> 00:02:29.450 align:middle line:90%
And so we want to make
sure that we can tackle it.
00:02:29.450 --> 00:02:31.900 align:middle line:90%
But I think ultimately,
most web developers
00:02:31.900 --> 00:02:34.070 align:middle line:90%
want to focus on
cross-browser development.
00:02:34.070 --> 00:02:36.210 align:middle line:90%
They want to have the
biggest possible reach.
00:02:36.210 --> 00:02:38.300 align:middle line:90%
They want to have the
best possible experiences
00:02:38.300 --> 00:02:40.150 align:middle line:84%
across all the major browsers.
00:02:40.150 --> 00:02:41.470 align:middle line:84%
And that's really important.
00:02:41.470 --> 00:02:43.930 align:middle line:90%
But when you're not
on a Windows system,
00:02:43.930 --> 00:02:46.960 align:middle line:90%
and I hear this all the time,
this is what typically happens.
00:02:46.960 --> 00:02:49.480 align:middle line:90%
How many of you guys in the
audience can relate to this?
00:02:49.480 --> 00:02:52.970 align:middle line:90%
Where you look at it,
and you're like, OK,
00:02:52.970 --> 00:02:56.450 align:middle line:90%
I can test on every browser on
my Mac or on my Linux machine
00:02:56.450 --> 00:02:58.000 align:middle line:84%
except for Internet Explorer.
00:02:58.000 --> 00:03:02.130 align:middle line:90%
And then we throw in our
brand new spanking browser,
00:03:02.130 --> 00:03:03.400 align:middle line:84%
Microsoft Edge.
00:03:03.400 --> 00:03:05.750 align:middle line:90%
And Microsoft Edge is
actually, it's awesome.
00:03:05.750 --> 00:03:10.010 align:middle line:90%
I think everybody will agree
that it's a big shift for us.
00:03:10.010 --> 00:03:11.260 align:middle line:84%
It's a really positive change.
00:03:11.260 --> 00:03:14.820 align:middle line:90%
But again, it adds another
bit of friction for you guys
00:03:14.820 --> 00:03:20.752 align:middle line:90%
to test when you're on a Mac
or when you are on a Linux OS.
00:03:20.752 --> 00:03:22.460 align:middle line:90%
And so invariably,
what ends up happening
00:03:22.460 --> 00:03:24.070 align:middle line:84%
is we see something like this.
00:03:24.070 --> 00:03:25.780 align:middle line:90%
And I've actually
seen this happen.
00:03:25.780 --> 00:03:28.800 align:middle line:90%
So somebody wants to test IE,
and all hell breaks loose,
00:03:28.800 --> 00:03:29.720 align:middle line:84%
basically.
00:03:29.720 --> 00:03:31.370 align:middle line:84%
So we don't want this.
00:03:31.370 --> 00:03:33.867 align:middle line:90%
We want you guys to have
a really great experience.
00:03:33.867 --> 00:03:36.200 align:middle line:90%
We want to try to lower the
friction to testing Internet
00:03:36.200 --> 00:03:37.950 align:middle line:84%
Explorer and Microsoft Edge.
00:03:37.950 --> 00:03:40.530 align:middle line:90%
And this is what this
presentation is about.
00:03:40.530 --> 00:03:42.930 align:middle line:90%
Invariably, through
these conversations
00:03:42.930 --> 00:03:45.540 align:middle line:90%
that I've had over the years,
one of the common questions
00:03:45.540 --> 00:03:48.340 align:middle line:84%
is, why can't you kill off IE?
00:03:48.340 --> 00:03:49.410 align:middle line:84%
Great question.
00:03:49.410 --> 00:03:51.380 align:middle line:84%
And it's a tough one.
00:03:51.380 --> 00:03:52.690 align:middle line:84%
It's a tough one to answer.
00:03:52.690 --> 00:03:54.265 align:middle line:84%
Why can't we just kill it off?
00:03:54.265 --> 00:03:57.830 align:middle line:90%
I actually equate this
to something that--
00:03:57.830 --> 00:04:02.750 align:middle line:90%
I'm kind of coining this term,
and I call it "OldIE PTSD."
00:04:02.750 --> 00:04:06.800 align:middle line:84%
How many of you have OldIE PTSD?
00:04:06.800 --> 00:04:08.380 align:middle line:90%
Almost everybody
in the audience.
00:04:08.380 --> 00:04:09.963 align:middle line:90%
So you guys are all
raising your hands
00:04:09.963 --> 00:04:12.840 align:middle line:90%
because you've used some older
version of Internet Explorer.
00:04:12.840 --> 00:04:14.620 align:middle line:90%
You're like, oh my
god, I have to support
00:04:14.620 --> 00:04:16.054 align:middle line:84%
some proprietary technology.
00:04:16.054 --> 00:04:17.970 align:middle line:90%
I really want to focus
on modern technologies.
00:04:17.970 --> 00:04:19.709 align:middle line:84%
I want to be able to test IE.
00:04:19.709 --> 00:04:21.500 align:middle line:90%
And then invariably,
what ends up happening
00:04:21.500 --> 00:04:24.900 align:middle line:90%
is you get frustrated because
you have all these versions
00:04:24.900 --> 00:04:26.140 align:middle line:84%
of IE that you have to test.
00:04:26.140 --> 00:04:30.890 align:middle line:90%
And you come up and you
feel this is how IE is.
00:04:30.890 --> 00:04:34.600 align:middle line:90%
IE is the browser that's
sitting there in the corner
00:04:34.600 --> 00:04:36.710 align:middle line:84%
and eating glue.
00:04:36.710 --> 00:04:40.330 align:middle line:90%
Not a really nice
picture to paint.
00:04:40.330 --> 00:04:42.120 align:middle line:84%
So we don't want that picture.
00:04:42.120 --> 00:04:44.860 align:middle line:90%
We want you guys to
feel good about it.
00:04:44.860 --> 00:04:45.820 align:middle line:84%
And you know what?
00:04:45.820 --> 00:04:47.820 align:middle line:90%
Part of this is-- and
I've realized this.
00:04:47.820 --> 00:04:50.278 align:middle line:90%
This is actually something I've
realized over the last five
00:04:50.278 --> 00:04:51.240 align:middle line:84%
years.
00:04:51.240 --> 00:04:53.040 align:middle line:90%
Part of this is a lack
of feature knowledge
00:04:53.040 --> 00:04:54.350 align:middle line:84%
in the community.
00:04:54.350 --> 00:04:57.060 align:middle line:90%
And I take
responsibility for that.
00:04:57.060 --> 00:04:59.520 align:middle line:90%
As a developer evangelist,
it's my responsibility
00:04:59.520 --> 00:05:02.010 align:middle line:90%
to speak with the
community and make sure
00:05:02.010 --> 00:05:04.080 align:middle line:90%
that every bit of
information that we
00:05:04.080 --> 00:05:07.800 align:middle line:90%
have to make your
development efforts easier
00:05:07.800 --> 00:05:09.070 align:middle line:84%
is available to you.
00:05:09.070 --> 00:05:12.190 align:middle line:90%
And in many cases, I think we're
not doing a good enough job
00:05:12.190 --> 00:05:14.140 align:middle line:84%
to get this information out.
00:05:14.140 --> 00:05:17.387 align:middle line:90%
Because we're pretty proud
of Internet Explorer 11.
00:05:17.387 --> 00:05:19.470 align:middle line:90%
It's amazing how many times
I speak to developers,
00:05:19.470 --> 00:05:21.220 align:middle line:90%
and they don't know
that we have something
00:05:21.220 --> 00:05:23.230 align:middle line:84%
like File API in our browser.
00:05:23.230 --> 00:05:25.510 align:middle line:90%
Seriously, they're
like, oh, you had that?
00:05:25.510 --> 00:05:29.360 align:middle line:90%
I've had conversations with
very large, popular-- I'm not
00:05:29.360 --> 00:05:31.680 align:middle line:90%
going to mention names--
popular dot-coms,
00:05:31.680 --> 00:05:34.619 align:middle line:90%
dot-coms that you guys
use every single day,
00:05:34.619 --> 00:05:36.160 align:middle line:90%
and I'll never forget
when they said,
00:05:36.160 --> 00:05:38.410 align:middle line:90%
oh, we didn't know you guys
had drag and drop support.
00:05:38.410 --> 00:05:41.199 align:middle line:84%
00:05:41.199 --> 00:05:42.490 align:middle line:84%
I take responsibility for that.
00:05:42.490 --> 00:05:44.906 align:middle line:90%
It's a failing on my part for
not getting that information
00:05:44.906 --> 00:05:47.090 align:middle line:84%
out.
00:05:47.090 --> 00:05:49.970 align:middle line:84%
And also this right here.
00:05:49.970 --> 00:05:52.290 align:middle line:90%
The number of developers
that say, do you guys
00:05:52.290 --> 00:05:54.580 align:middle line:84%
have good developer tools?
00:05:54.580 --> 00:05:56.180 align:middle line:84%
Well, yeah, they're in there.
00:05:56.180 --> 00:06:00.106 align:middle line:90%
This is not the IE6
or 7 debug add-on
00:06:00.106 --> 00:06:02.480 align:middle line:90%
that you had to download, and
it was an add-on that-- no.
00:06:02.480 --> 00:06:05.940 align:middle line:90%
These are built-in tools
as of Internet Explorer 8,
00:06:05.940 --> 00:06:09.420 align:middle line:90%
and they're solid, and they're
being constantly updated.
00:06:09.420 --> 00:06:11.264 align:middle line:90%
And it's important
for us to make
00:06:11.264 --> 00:06:12.930 align:middle line:90%
sure we get that
information out to you.
00:06:12.930 --> 00:06:16.290 align:middle line:90%
But more importantly, the
reason that it's really critical
00:06:16.290 --> 00:06:18.760 align:middle line:90%
not to kill off
Internet Explorer
00:06:18.760 --> 00:06:21.490 align:middle line:90%
is because as a
developer community,
00:06:21.490 --> 00:06:26.525 align:middle line:90%
you guys want multiple reference
implementations of standards.
00:06:26.525 --> 00:06:28.640 align:middle line:90%
Remember, you don't
want one browser
00:06:28.640 --> 00:06:31.310 align:middle line:90%
to go ahead and be the
only one dictating what
00:06:31.310 --> 00:06:33.150 align:middle line:84%
features go into the web.
00:06:33.150 --> 00:06:35.656 align:middle line:84%
What happened last time?
00:06:35.656 --> 00:06:37.030 align:middle line:90%
Last time that
happened, you guys
00:06:37.030 --> 00:06:39.740 align:middle line:90%
were pretty upset with
Microsoft about not
00:06:39.740 --> 00:06:41.480 align:middle line:84%
adhering to standards.
00:06:41.480 --> 00:06:41.980 align:middle line:84%
Why?
00:06:41.980 --> 00:06:44.160 align:middle line:90%
Because we were the
dominant browser.
00:06:44.160 --> 00:06:46.550 align:middle line:90%
And we don't want to
go back to that route.
00:06:46.550 --> 00:06:48.640 align:middle line:84%
We are focused on web standards.
00:06:48.640 --> 00:06:50.760 align:middle line:90%
Everything we talk about
now is web standards.
00:06:50.760 --> 00:06:53.320 align:middle line:90%
We are not pushing
proprietary technologies.
00:06:53.320 --> 00:06:56.400 align:middle line:90%
And so having multiple
reference implementations
00:06:56.400 --> 00:07:00.930 align:middle line:90%
allows multiple companies
to have a voice in how
00:07:00.930 --> 00:07:02.310 align:middle line:84%
the standards are vetted.
00:07:02.310 --> 00:07:05.240 align:middle line:90%
It allows the community to
have a voice in ensuring
00:07:05.240 --> 00:07:07.100 align:middle line:90%
that the standards
meet the needs of what
00:07:07.100 --> 00:07:08.760 align:middle line:84%
you guys are building.
00:07:08.760 --> 00:07:10.637 align:middle line:90%
Don't you guys want
to have that voice?
00:07:10.637 --> 00:07:12.970 align:middle line:90%
Don't you want to make sure
that when a feature goes in,
00:07:12.970 --> 00:07:15.570 align:middle line:84%
that it truly meets your needs?
00:07:15.570 --> 00:07:18.220 align:middle line:90%
Not just somebody
else's needs, not just
00:07:18.220 --> 00:07:20.640 align:middle line:84%
an individual company's needs.
00:07:20.640 --> 00:07:23.590 align:middle line:90%
So having multiple
reference implementations,
00:07:23.590 --> 00:07:26.680 align:middle line:90%
and being a part of the W3C,
and being part of the standards
00:07:26.680 --> 00:07:28.920 align:middle line:90%
process is critically
important to why
00:07:28.920 --> 00:07:31.030 align:middle line:84%
IE should continue to evolve.
00:07:31.030 --> 00:07:34.617 align:middle line:90%
And we are evolving it,
into Microsoft Edge.
00:07:34.617 --> 00:07:37.200 align:middle line:90%
And Microsoft Edge will continue
to be part of those standards
00:07:37.200 --> 00:07:42.210 align:middle line:90%
conversations so that you can
have great SVG functionality.
00:07:42.210 --> 00:07:44.650 align:middle line:90%
So this is a really
important thing.
00:07:44.650 --> 00:07:47.140 align:middle line:90%
But ultimately,
knowledge is power.
00:07:47.140 --> 00:07:49.535 align:middle line:90%
And this is where my
team's responsibility
00:07:49.535 --> 00:07:51.825 align:middle line:90%
is to make sure that we
share that knowledge out.
00:07:51.825 --> 00:07:53.590 align:middle line:90%
That you guys have
the information
00:07:53.590 --> 00:07:56.680 align:middle line:90%
that's going to make your
testing, and your development,
00:07:56.680 --> 00:07:59.490 align:middle line:90%
and your transitions
information, and your standards
00:07:59.490 --> 00:08:02.360 align:middle line:90%
information,
relevant and timely.
00:08:02.360 --> 00:08:04.510 align:middle line:90%
And that you have it
available to you all the time.
00:08:04.510 --> 00:08:07.520 align:middle line:90%
And so part of that is
through the Status Dashboard.
00:08:07.520 --> 00:08:09.810 align:middle line:90%
This is the great thing
about the changes that have
00:08:09.810 --> 00:08:11.754 align:middle line:84%
been going on at Microsoft.
00:08:11.754 --> 00:08:13.170 align:middle line:90%
Jacob Rossi was
on here yesterday,
00:08:13.170 --> 00:08:15.128 align:middle line:90%
and he talked about the
fact that we are trying
00:08:15.128 --> 00:08:16.590 align:middle line:84%
to be much more transparent.
00:08:16.590 --> 00:08:18.496 align:middle line:90%
And that's where the
Status Dashboard is.
00:08:18.496 --> 00:08:20.870 align:middle line:90%
And I'll show you the Status
Dashboard in a little while.
00:08:20.870 --> 00:08:23.310 align:middle line:90%
But the key thing with
the Status Dashboard
00:08:23.310 --> 00:08:25.460 align:middle line:84%
is that it is our roadmap.
00:08:25.460 --> 00:08:27.380 align:middle line:90%
It gives you the
information you need
00:08:27.380 --> 00:08:30.380 align:middle line:90%
to know where we're heading
with Microsoft Edge.
00:08:30.380 --> 00:08:33.059 align:middle line:90%
It's going to tell you
where we are in the feature
00:08:33.059 --> 00:08:34.880 align:middle line:84%
implementation process.
00:08:34.880 --> 00:08:37.000 align:middle line:90%
Are we thinking
about a standard?
00:08:37.000 --> 00:08:38.299 align:middle line:84%
Is it under consideration?
00:08:38.299 --> 00:08:40.500 align:middle line:90%
Are we actually in
active development?
00:08:40.500 --> 00:08:42.631 align:middle line:90%
By doing that, it
gives you the ability
00:08:42.631 --> 00:08:44.880 align:middle line:90%
to be able to understand
what features are going to be
00:08:44.880 --> 00:08:46.460 align:middle line:84%
available to you in the future.
00:08:46.460 --> 00:08:48.910 align:middle line:90%
And remember that Microsoft
Edge is evergreen.
00:08:48.910 --> 00:08:52.140 align:middle line:90%
We're going to be updating
that on a much faster cadence,
00:08:52.140 --> 00:08:53.250 align:middle line:84%
on a much regular cadence.
00:08:53.250 --> 00:08:55.166 align:middle line:90%
It's not going to be a
two-year cycle like you
00:08:55.166 --> 00:08:57.260 align:middle line:90%
guys had to wait before
for Internet Explorer.
00:08:57.260 --> 00:09:00.834 align:middle line:90%
We are going to be updating
this very, very quickly.
00:09:00.834 --> 00:09:02.750 align:middle line:90%
So that roadmap is
critically important to you
00:09:02.750 --> 00:09:03.790 align:middle line:84%
guys as developers.
00:09:03.790 --> 00:09:05.770 align:middle line:90%
And I urge you to
stay on top of that.
00:09:05.770 --> 00:09:09.420 align:middle line:90%
And I also urge you to go to
the UserVoice page that we have
00:09:09.420 --> 00:09:12.680 align:middle line:90%
and vote up the things that
are really important to you.
00:09:12.680 --> 00:09:15.810 align:middle line:90%
If object [? data ?] observer
is really important to you,
00:09:15.810 --> 00:09:17.010 align:middle line:84%
make sure you vote it up.
00:09:17.010 --> 00:09:18.330 align:middle line:84%
We've heard about that today.
00:09:18.330 --> 00:09:19.890 align:middle line:90%
We want you guys
to have that voice
00:09:19.890 --> 00:09:21.390 align:middle line:90%
and help us decide
what features are
00:09:21.390 --> 00:09:24.170 align:middle line:90%
important for the next
version of Microsoft Edge.
00:09:24.170 --> 00:09:26.330 align:middle line:90%
So make sure that you
go to the UserVoice page
00:09:26.330 --> 00:09:27.530 align:middle line:84%
and you vote things up.
00:09:27.530 --> 00:09:28.939 align:middle line:84%
You have a voice now.
00:09:28.939 --> 00:09:30.230 align:middle line:84%
Seriously, you do have a voice.
00:09:30.230 --> 00:09:31.771 align:middle line:90%
And you have the
ability to influence
00:09:31.771 --> 00:09:33.800 align:middle line:90%
how we're going to
approach features
00:09:33.800 --> 00:09:35.383 align:middle line:90%
and how we're going
to implement them.
00:09:35.383 --> 00:09:38.150 align:middle line:90%
So make sure you take
advantage of that opportunity.
00:09:38.150 --> 00:09:41.029 align:middle line:90%
Also, I'm going to have
three slides coming out.
00:09:41.029 --> 00:09:42.570 align:middle line:90%
And I want you guys
to take a moment,
00:09:42.570 --> 00:09:44.406 align:middle line:90%
please, and write
down these URLs.
00:09:44.406 --> 00:09:46.030 align:middle line:90%
I specifically created
some bit.ly URLs
00:09:46.030 --> 00:09:48.250 align:middle line:90%
that I think are incredibly
important for you
00:09:48.250 --> 00:09:50.350 align:middle line:90%
guys as developers,
and especially for you
00:09:50.350 --> 00:09:53.970 align:middle line:90%
guys as developers who have
to continue to work with older
00:09:53.970 --> 00:09:55.610 align:middle line:84%
versions of Internet Explorer.
00:09:55.610 --> 00:09:58.620 align:middle line:90%
And you want to understand
what new features are available
00:09:58.620 --> 00:10:01.570 align:middle line:90%
and how you can
effectively transition
00:10:01.570 --> 00:10:05.260 align:middle line:90%
your customers and your
own development workflow
00:10:05.260 --> 00:10:07.140 align:middle line:90%
into newer versions
of Internet Explorer.
00:10:07.140 --> 00:10:09.374 align:middle line:90%
So please take a moment
to jot down these URLs.
00:10:09.374 --> 00:10:11.540 align:middle line:90%
And I'm going to show you
what they are in a second.
00:10:11.540 --> 00:10:13.980 align:middle line:90%
So the first one is the
IE Developer Guides.
00:10:13.980 --> 00:10:16.460 align:middle line:90%
And I'll give you a couple
seconds to write this down.
00:10:16.460 --> 00:10:22.980 align:middle line:84%
It's just bit.ly/iedevguides.
00:10:22.980 --> 00:10:27.340 align:middle line:90%
Now the second one is the
IE Compatibility Cookbook.
00:10:27.340 --> 00:10:30.800 align:middle line:90%
Now every time that we released
a new version of Internet
00:10:30.800 --> 00:10:33.060 align:middle line:90%
Explorer, there were
things that we realized
00:10:33.060 --> 00:10:34.920 align:middle line:84%
might affect compatibility.
00:10:34.920 --> 00:10:37.530 align:middle line:90%
And what we wanted to do was
outline the things that we
00:10:37.530 --> 00:10:39.960 align:middle line:90%
knew might cause
you some friction,
00:10:39.960 --> 00:10:41.500 align:middle line:84%
might cause you some headaches.
00:10:41.500 --> 00:10:43.987 align:middle line:90%
And we wanted to help
you create that bridge
00:10:43.987 --> 00:10:45.570 align:middle line:90%
and have that
information that'll make
00:10:45.570 --> 00:10:46.870 align:middle line:84%
things a lot easier for you.
00:10:46.870 --> 00:10:50.666 align:middle line:90%
So make sure you write that
one down-- iecompatcookbook.
00:10:50.666 --> 00:10:52.290 align:middle line:90%
I'll give you a couple
seconds on that.
00:10:52.290 --> 00:10:54.980 align:middle line:84%
00:10:54.980 --> 00:10:57.410 align:middle line:90%
And the last one
is bit.lyf12tools.
00:10:57.410 --> 00:11:00.510 align:middle line:84%
00:11:00.510 --> 00:11:06.920 align:middle line:90%
I really, really hate it when
developers ask me, does IE,
00:11:06.920 --> 00:11:08.990 align:middle line:90%
does Microsoft Edge
have developer tools?
00:11:08.990 --> 00:11:10.330 align:middle line:84%
And I don't hate the developer.
00:11:10.330 --> 00:11:14.030 align:middle line:90%
I hate it because that means,
again, we are not doing our job
00:11:14.030 --> 00:11:16.959 align:middle line:90%
and letting you know that we
have solid developer tools.
00:11:16.959 --> 00:11:19.000 align:middle line:90%
And I want to make sure
that this doesn't happen.
00:11:19.000 --> 00:11:21.333 align:middle line:90%
I don't want anybody in this
room to come to me and say,
00:11:21.333 --> 00:11:22.856 align:middle line:84%
do you have developer tools?
00:11:22.856 --> 00:11:24.480 align:middle line:90%
I want you guys to
have the information
00:11:24.480 --> 00:11:26.450 align:middle line:90%
so you can start using
the developer tools.
00:11:26.450 --> 00:11:27.530 align:middle line:90%
So if you go there,
that's where you're
00:11:27.530 --> 00:11:29.654 align:middle line:90%
going to be able to learn
about our developer tools
00:11:29.654 --> 00:11:32.132 align:middle line:90%
and start being able to
test your systems with it.
00:11:32.132 --> 00:11:34.090 align:middle line:90%
Now the other question
I get on a regular basis
00:11:34.090 --> 00:11:37.000 align:middle line:84%
is, why should I test IE?
00:11:37.000 --> 00:11:40.640 align:middle line:90%
That's a very
subjective question.
00:11:40.640 --> 00:11:45.730 align:middle line:90%
Because a lot of times, the
reason that you should test IE,
00:11:45.730 --> 00:11:47.930 align:middle line:90%
the rationale is
greatly dependent
00:11:47.930 --> 00:11:50.540 align:middle line:84%
on your own individual site.
00:11:50.540 --> 00:11:52.960 align:middle line:90%
And you should be
looking at your analytics
00:11:52.960 --> 00:11:56.910 align:middle line:90%
and determining what your site
users are actually hitting.
00:11:56.910 --> 00:12:04.480 align:middle line:90%
But to be honest, if you want to
have the broadest reach of web
00:12:04.480 --> 00:12:08.370 align:middle line:90%
users, then you have to look
at the global desktop market
00:12:08.370 --> 00:12:09.466 align:middle line:84%
share.
00:12:09.466 --> 00:12:11.090 align:middle line:90%
Now mind you, this
is Net Market Share.
00:12:11.090 --> 00:12:12.960 align:middle line:90%
This is one of the
sites out there
00:12:12.960 --> 00:12:16.120 align:middle line:90%
that aggregates information
on browser stats.
00:12:16.120 --> 00:12:19.820 align:middle line:90%
And if you look at it, I think
55%-- is that what it is?
00:12:19.820 --> 00:12:20.560 align:middle line:84%
55?
00:12:20.560 --> 00:12:24.950 align:middle line:90%
About almost 56% of worldwide
desktop browser share
00:12:24.950 --> 00:12:27.210 align:middle line:90%
is Internet Explorer
and some variant.
00:12:27.210 --> 00:12:28.560 align:middle line:84%
That's a pretty large number.
00:12:28.560 --> 00:12:30.540 align:middle line:90%
We're not talking a
couple hundred users.
00:12:30.540 --> 00:12:33.070 align:middle line:90%
We're talking probably a
couple hundred million users.
00:12:33.070 --> 00:12:35.720 align:middle line:90%
So I think that's a
pretty good reason
00:12:35.720 --> 00:12:37.940 align:middle line:84%
to test for Internet Explorer.
00:12:37.940 --> 00:12:40.470 align:middle line:90%
Now whether you use
Net Market Share
00:12:40.470 --> 00:12:42.610 align:middle line:90%
or whether you use the
competing service called
00:12:42.610 --> 00:12:44.760 align:middle line:90%
StatCounter-- and both
of these are always
00:12:44.760 --> 00:12:46.360 align:middle line:84%
pitted against each other.
00:12:46.360 --> 00:12:50.470 align:middle line:90%
Well, in this case,
I think it says 22%.
00:12:50.470 --> 00:12:53.080 align:middle line:90%
Well, you may think,
well, 55 and 22.
00:12:53.080 --> 00:12:57.550 align:middle line:90%
22 looks like it's-- well, 22%
of worldwide desktop browser
00:12:57.550 --> 00:13:00.410 align:middle line:90%
share is still hundreds
of millions of users.
00:13:00.410 --> 00:13:03.010 align:middle line:90%
So whether you're
using Net Market Share
00:13:03.010 --> 00:13:06.000 align:middle line:90%
or whether you're using
StatCounter, that's still
00:13:06.000 --> 00:13:08.524 align:middle line:90%
a pretty impressive number for
you to consider when you're
00:13:08.524 --> 00:13:10.940 align:middle line:90%
building out your sites, when
you're trying to figure out,
00:13:10.940 --> 00:13:13.980 align:middle line:90%
how can I get the best
possible reach for the service
00:13:13.980 --> 00:13:14.840 align:middle line:84%
that I'm building?
00:13:14.840 --> 00:13:17.090 align:middle line:90%
But again, ultimately,
I'm going to stress this.
00:13:17.090 --> 00:13:18.750 align:middle line:90%
You have to look
at your own stats.
00:13:18.750 --> 00:13:21.890 align:middle line:90%
You have to look at how your
users are using your site,
00:13:21.890 --> 00:13:23.880 align:middle line:90%
and then make a
determination from there.
00:13:23.880 --> 00:13:26.310 align:middle line:90%
That's going to be
the best way to do it.
00:13:26.310 --> 00:13:28.670 align:middle line:90%
And I am going to get a
little bit on my soapbox
00:13:28.670 --> 00:13:31.940 align:middle line:90%
right now because this is a
question that is really, really
00:13:31.940 --> 00:13:33.190 align:middle line:84%
important to me.
00:13:33.190 --> 00:13:36.160 align:middle line:90%
Why can't you push
upgrades to corporations?
00:13:36.160 --> 00:13:38.540 align:middle line:90%
I'd like to ask if
anybody in this audience
00:13:38.540 --> 00:13:41.970 align:middle line:90%
uses any of these
companies in some fashion.
00:13:41.970 --> 00:13:43.080 align:middle line:84%
Anybody?
00:13:43.080 --> 00:13:45.620 align:middle line:84%
Raise your hands.
00:13:45.620 --> 00:13:47.620 align:middle line:90%
Just for the streaming,
that's about,
00:13:47.620 --> 00:13:51.620 align:middle line:90%
I'm going to say 80% to 90%
of the people in this room.
00:13:51.620 --> 00:13:56.135 align:middle line:90%
I would imagine--
who uses Chase?
00:13:56.135 --> 00:14:00.054 align:middle line:90%
Do you want to make sure
that your balance is correct?
00:14:00.054 --> 00:14:01.470 align:middle line:90%
Do you want to
make sure that when
00:14:01.470 --> 00:14:04.000 align:middle line:90%
you do an online transaction,
that that information is
00:14:04.000 --> 00:14:06.630 align:middle line:84%
correct?
00:14:06.630 --> 00:14:08.960 align:middle line:90%
Who uses Fidelity to
manage their stocks?
00:14:08.960 --> 00:14:10.340 align:middle line:90%
When you do a
stock trade, do you
00:14:10.340 --> 00:14:13.140 align:middle line:90%
want to make sure that
goes through properly?
00:14:13.140 --> 00:14:14.140 align:middle line:84%
You do, right?
00:14:14.140 --> 00:14:16.669 align:middle line:90%
And how many you have a
corporate American Express
00:14:16.669 --> 00:14:18.710 align:middle line:90%
card or just an American
Express card in general?
00:14:18.710 --> 00:14:20.880 align:middle line:90%
You want to make sure that
when you go ahead and buy
00:14:20.880 --> 00:14:23.081 align:middle line:90%
that new MacBook,
you want to make sure
00:14:23.081 --> 00:14:24.580 align:middle line:90%
that transaction's
right and they're
00:14:24.580 --> 00:14:25.902 align:middle line:84%
charging it the right way.
00:14:25.902 --> 00:14:27.360 align:middle line:90%
Well, it's important
to us as well.
00:14:27.360 --> 00:14:30.100 align:middle line:90%
And it's important to these
companies to have stability.
00:14:30.100 --> 00:14:32.370 align:middle line:90%
The interesting thing that
I tell a lot of developers
00:14:32.370 --> 00:14:36.280 align:middle line:90%
is that when you're dealing with
large financial institutions
00:14:36.280 --> 00:14:40.010 align:middle line:90%
especially, they have a
lot of federal requirements
00:14:40.010 --> 00:14:43.450 align:middle line:90%
to ensure that their
transactions are processed
00:14:43.450 --> 00:14:44.700 align:middle line:84%
accurately.
00:14:44.700 --> 00:14:46.880 align:middle line:90%
And in fact, they're
audited, in many cases,
00:14:46.880 --> 00:14:49.590 align:middle line:90%
to a specific
version of software.
00:14:49.590 --> 00:14:53.630 align:middle line:90%
So when I get asked, why can't
we push corporations off of IE?
00:14:53.630 --> 00:14:54.344 align:middle line:84%
Let's use that.
00:14:54.344 --> 00:14:56.010 align:middle line:90%
Well, a lot of times,
these corporations
00:14:56.010 --> 00:14:59.670 align:middle line:90%
have spent millions of dollars
to audit their software
00:14:59.670 --> 00:15:02.770 align:middle line:90%
to ensure that it's
working accurately.
00:15:02.770 --> 00:15:06.750 align:middle line:90%
Now if you spent $8
million to do that,
00:15:06.750 --> 00:15:09.960 align:middle line:90%
do you think that you're going
to be going ahead and updating
00:15:09.960 --> 00:15:12.470 align:middle line:84%
your browser every six weeks?
00:15:12.470 --> 00:15:15.370 align:middle line:90%
Are you, as a corporation,
going to be spending $8 million
00:15:15.370 --> 00:15:19.850 align:middle line:90%
every six weeks because a
browser update came out?
00:15:19.850 --> 00:15:21.244 align:middle line:84%
I would say probably not.
00:15:21.244 --> 00:15:23.160 align:middle line:90%
You need to have a certain
level of stability.
00:15:23.160 --> 00:15:25.470 align:middle line:90%
You need to have a certain
level of reliability.
00:15:25.470 --> 00:15:28.880 align:middle line:90%
And that's what Microsoft
has offered for the last,
00:15:28.880 --> 00:15:30.340 align:middle line:84%
I'm going to say, 20 years.
00:15:30.340 --> 00:15:32.840 align:middle line:90%
It's that reliability,
that dependability,
00:15:32.840 --> 00:15:35.729 align:middle line:90%
that the browser is stable,
that the features that they've
00:15:35.729 --> 00:15:37.520 align:middle line:90%
become accustomed to
are there, and that we
00:15:37.520 --> 00:15:40.300 align:middle line:90%
have offered some level
of backward compatibility.
00:15:40.300 --> 00:15:43.300 align:middle line:90%
Does it make it a
little bit tougher
00:15:43.300 --> 00:15:46.110 align:middle line:90%
on web developers who want
to take advantage of the most
00:15:46.110 --> 00:15:47.520 align:middle line:84%
modern features?
00:15:47.520 --> 00:15:48.820 align:middle line:84%
It does.
00:15:48.820 --> 00:15:49.900 align:middle line:84%
We understand that.
00:15:49.900 --> 00:15:52.500 align:middle line:90%
But ultimately, we want to
make sure that the enterprise
00:15:52.500 --> 00:15:57.227 align:middle line:90%
customer gets the respect,
the value, and the support
00:15:57.227 --> 00:15:58.310 align:middle line:84%
that they deserve as well.
00:15:58.310 --> 00:15:59.226 align:middle line:84%
Because you know what?
00:15:59.226 --> 00:16:02.580 align:middle line:90%
Everyone in this room,
at some point or another,
00:16:02.580 --> 00:16:05.460 align:middle line:84%
uses an enterprise customer.
00:16:05.460 --> 00:16:07.690 align:middle line:90%
Whether you go to your bank,
whether you go shopping
00:16:07.690 --> 00:16:10.500 align:middle line:90%
at the grocery store, whether
you're just out and about,
00:16:10.500 --> 00:16:12.910 align:middle line:90%
I don't know, doing
something, you're
00:16:12.910 --> 00:16:16.970 align:middle line:90%
taking advantage of an
enterprise customer's services.
00:16:16.970 --> 00:16:19.750 align:middle line:90%
And we want to make sure
that we can provide them
00:16:19.750 --> 00:16:23.885 align:middle line:90%
that stability that they
need to support you guys.
00:16:23.885 --> 00:16:25.260 align:middle line:90%
I'm trying to
share this with you
00:16:25.260 --> 00:16:27.551 align:middle line:90%
because I want to give you
guys a different perspective
00:16:27.551 --> 00:16:28.860 align:middle line:84%
on the enterprise.
00:16:28.860 --> 00:16:31.530 align:middle line:90%
These aren't the
type of companies
00:16:31.530 --> 00:16:32.870 align:middle line:84%
that can iterate quickly.
00:16:32.870 --> 00:16:35.680 align:middle line:90%
These aren't the type of
companies that can push daily,
00:16:35.680 --> 00:16:36.984 align:middle line:84%
that can break things.
00:16:36.984 --> 00:16:38.400 align:middle line:90%
That's not the way
it works there.
00:16:38.400 --> 00:16:41.640 align:middle line:90%
Because when you break
something in the enterprise,
00:16:41.640 --> 00:16:44.797 align:middle line:90%
it affects things at
a much bigger scale.
00:16:44.797 --> 00:16:46.380 align:middle line:90%
And I don't think
anybody in this room
00:16:46.380 --> 00:16:50.240 align:middle line:90%
would like Chase to break
things on a daily basis,
00:16:50.240 --> 00:16:52.460 align:middle line:84%
and you guys lose your money.
00:16:52.460 --> 00:16:54.420 align:middle line:90%
I don't think that'd
be a good situation.
00:16:54.420 --> 00:16:56.586 align:middle line:90%
So I'm just trying to paint
a very different picture
00:16:56.586 --> 00:16:59.310 align:middle line:90%
so you guys understand why
we, with the enterprise,
00:16:59.310 --> 00:17:02.791 align:middle line:90%
we've taken a very
methodical, and in many cases,
00:17:02.791 --> 00:17:05.290 align:middle line:90%
a genuine approach with them
to make sure that they're taken
00:17:05.290 --> 00:17:06.530 align:middle line:84%
care of.
00:17:06.530 --> 00:17:09.050 align:middle line:90%
By that same token, we
want them to move forward.
00:17:09.050 --> 00:17:11.974 align:middle line:90%
We want them to have the
ability to have modern features.
00:17:11.974 --> 00:17:13.890 align:middle line:90%
And that's why we've
come out with some things
00:17:13.890 --> 00:17:15.240 align:middle line:90%
that we think are
going to help them out.
00:17:15.240 --> 00:17:17.040 align:middle line:90%
And in fact, the
feedback we've gotten
00:17:17.040 --> 00:17:18.680 align:middle line:84%
has been incredibly positive.
00:17:18.680 --> 00:17:22.670 align:middle line:90%
So Enterprise Mode IE
gives a high-fidelity
00:17:22.670 --> 00:17:25.230 align:middle line:90%
emulation mode of
Internet Explorer 8
00:17:25.230 --> 00:17:27.004 align:middle line:84%
within Internet Explorer 11.
00:17:27.004 --> 00:17:28.420 align:middle line:90%
Now remember,
Internet Explorer 11
00:17:28.420 --> 00:17:30.770 align:middle line:90%
has a ton of
standards-based features,
00:17:30.770 --> 00:17:33.440 align:middle line:90%
of modern features that
are great that developers
00:17:33.440 --> 00:17:35.060 align:middle line:84%
can take advantage of now.
00:17:35.060 --> 00:17:37.380 align:middle line:90%
So what this does is it
allows the enterprise
00:17:37.380 --> 00:17:39.930 align:middle line:90%
to test their legacy
applications using
00:17:39.930 --> 00:17:43.180 align:middle line:90%
this Internet Explorer
8 emulation mode.
00:17:43.180 --> 00:17:44.950 align:middle line:90%
And we've gotten great
feedback on that.
00:17:44.950 --> 00:17:48.200 align:middle line:90%
Corporations feel really
strong about that.
00:17:48.200 --> 00:17:51.080 align:middle line:90%
In fact, Charles, maybe you can
help me out on this question.
00:17:51.080 --> 00:17:56.640 align:middle line:90%
We've gotten like a 90-some odd
percent success rate with ME,
00:17:56.640 --> 00:17:58.650 align:middle line:84%
right?
00:17:58.650 --> 00:18:01.570 align:middle line:90%
Almost 100% success rate
with the corporations
00:18:01.570 --> 00:18:04.140 align:middle line:90%
we've worked with on
getting their legacy
00:18:04.140 --> 00:18:07.790 align:middle line:90%
applications to run in
Enterprise Mode IE, which is,
00:18:07.790 --> 00:18:09.534 align:middle line:84%
again, an IE8 emulation mode.
00:18:09.534 --> 00:18:12.200 align:middle line:90%
What this effectively does is it
allows corporations to continue
00:18:12.200 --> 00:18:14.300 align:middle line:90%
to support their
legacy apps, determine
00:18:14.300 --> 00:18:16.940 align:middle line:90%
when they're ready to transition
them into modern technologies
00:18:16.940 --> 00:18:18.129 align:middle line:84%
or if they can.
00:18:18.129 --> 00:18:19.670 align:middle line:90%
But at the same
time, new development
00:18:19.670 --> 00:18:24.200 align:middle line:90%
can start working on modern web
technologies using the Internet
00:18:24.200 --> 00:18:25.600 align:middle line:84%
Explorer rendering engine.
00:18:25.600 --> 00:18:26.950 align:middle line:84%
This is a really great tool.
00:18:26.950 --> 00:18:29.140 align:middle line:90%
This has been a great,
great success for us.
00:18:29.140 --> 00:18:30.790 align:middle line:90%
And we're really
happy about that.
00:18:30.790 --> 00:18:32.070 align:middle line:90%
And the other thing
that we're offering
00:18:32.070 --> 00:18:34.111 align:middle line:90%
is something called the
Enterprise Site Discovery
00:18:34.111 --> 00:18:37.260 align:middle line:90%
Toolkit which allows
enterprises to evaluate
00:18:37.260 --> 00:18:40.460 align:middle line:90%
all the applications that are
running within their enterprise
00:18:40.460 --> 00:18:43.080 align:middle line:90%
to determine what type of
technologies they're using.
00:18:43.080 --> 00:18:44.434 align:middle line:84%
Are they using ActiveX controls?
00:18:44.434 --> 00:18:46.600 align:middle line:90%
Are they using some type
of proprietary technologies
00:18:46.600 --> 00:18:48.600 align:middle line:90%
that maybe they need
to transition off?
00:18:48.600 --> 00:18:49.830 align:middle line:90%
The great thing about
this is it gives them
00:18:49.830 --> 00:18:51.246 align:middle line:90%
the telemetry and
information they
00:18:51.246 --> 00:18:53.930 align:middle line:90%
need to determine how
they're going to migrate over
00:18:53.930 --> 00:18:55.430 align:middle line:84%
to modern stuff.
00:18:55.430 --> 00:18:58.482 align:middle line:90%
How can they go ahead and take
these apps that are probably
00:18:58.482 --> 00:18:59.940 align:middle line:90%
mission critical
to them-- and they
00:18:59.940 --> 00:19:03.510 align:middle line:90%
might be 10, 15 years old-- but
they need to migrate them over,
00:19:03.510 --> 00:19:05.350 align:middle line:84%
but they can't do it right now?
00:19:05.350 --> 00:19:06.800 align:middle line:90%
But now, they have
the information
00:19:06.800 --> 00:19:09.590 align:middle line:90%
to determine when
they can do it.
00:19:09.590 --> 00:19:12.290 align:middle line:90%
Maybe they're going to
have to use ME to emulate.
00:19:12.290 --> 00:19:13.790 align:middle line:90%
And then they could
start doing that
00:19:13.790 --> 00:19:15.780 align:middle line:90%
at the pace that's
appropriate for them.
00:19:15.780 --> 00:19:18.966 align:middle line:90%
So we are trying to get the
enterprise moving forward.
00:19:18.966 --> 00:19:20.340 align:middle line:90%
It's not like
we're not doing it.
00:19:20.340 --> 00:19:22.080 align:middle line:90%
We are trying to
provide the tools that
00:19:22.080 --> 00:19:23.860 align:middle line:90%
are going to help
them migrate forward,
00:19:23.860 --> 00:19:26.580 align:middle line:90%
to give them that modern web
development technologies.
00:19:26.580 --> 00:19:30.040 align:middle line:90%
And enterprise developers
have been asking us for these
00:19:30.040 --> 00:19:33.670 align:middle line:90%
because they want to do
the cool, shiny stuff.
00:19:33.670 --> 00:19:35.910 align:middle line:90%
It's not only the
Dropboxes and the Facebooks
00:19:35.910 --> 00:19:39.320 align:middle line:90%
and the Googles that want
to do the cool, shiny stuff.
00:19:39.320 --> 00:19:41.240 align:middle line:90%
Chase wants to do
the shiny stuff.
00:19:41.240 --> 00:19:42.840 align:middle line:90%
Fidelity wants to
do the shiny stuff.
00:19:42.840 --> 00:19:44.580 align:middle line:90%
They just want to do
it in a way that's
00:19:44.580 --> 00:19:45.934 align:middle line:84%
appropriate for their company.
00:19:45.934 --> 00:19:47.350 align:middle line:90%
And we're trying
to help them out.
00:19:47.350 --> 00:19:50.547 align:middle line:90%
Now the great thing about
this is that I am seeing this.
00:19:50.547 --> 00:19:52.630 align:middle line:90%
And I actually love this
because what we're seeing
00:19:52.630 --> 00:19:56.169 align:middle line:90%
is that there's a nice upward
trend on Internet Explorer 11.
00:19:56.169 --> 00:19:56.710 align:middle line:84%
That's great.
00:19:56.710 --> 00:19:58.030 align:middle line:84%
We want that.
00:19:58.030 --> 00:20:01.810 align:middle line:90%
Because that means the old
IE browsers are going down.
00:20:01.810 --> 00:20:03.510 align:middle line:90%
This is a really good
trend because when
00:20:03.510 --> 00:20:05.510 align:middle line:90%
we went ahead and released
Internet Explorer 11,
00:20:05.510 --> 00:20:06.900 align:middle line:84%
we pushed it out as an update.
00:20:06.900 --> 00:20:09.780 align:middle line:90%
And notice that Internet
Explorer 10 is not here.
00:20:09.780 --> 00:20:11.780 align:middle line:90%
That's because Internet
Explorer 11 has bit
00:20:11.780 --> 00:20:13.990 align:middle line:84%
into that market share.
00:20:13.990 --> 00:20:15.010 align:middle line:84%
That's awesome.
00:20:15.010 --> 00:20:17.930 align:middle line:90%
So we want these downward
trends on these browsers.
00:20:17.930 --> 00:20:20.040 align:middle line:90%
Internet Explorer 8's
still holding there.
00:20:20.040 --> 00:20:22.139 align:middle line:90%
That's because the enterprise
is still important.
00:20:22.139 --> 00:20:24.180 align:middle line:90%
But notice that Internet
Explorer 9's going down.
00:20:24.180 --> 00:20:25.800 align:middle line:84%
Internet Explorer 11's going up.
00:20:25.800 --> 00:20:27.200 align:middle line:84%
And this is Net Market Share.
00:20:27.200 --> 00:20:29.206 align:middle line:90%
And even if I look
at StatCounter, still
00:20:29.206 --> 00:20:29.830 align:middle line:84%
the same thing.
00:20:29.830 --> 00:20:33.130 align:middle line:90%
We're seeing an upward trend
on Internet Explorer 11.
00:20:33.130 --> 00:20:37.620 align:middle line:90%
Downward trend on IE9,
and holding steady on IE8.
00:20:37.620 --> 00:20:38.870 align:middle line:84%
This is really good.
00:20:38.870 --> 00:20:41.160 align:middle line:84%
This is what I'm excited about.
00:20:41.160 --> 00:20:45.080 align:middle line:90%
Because that means that
modern web is coming.
00:20:45.080 --> 00:20:47.880 align:middle line:90%
The updates are reaching
the right users.
00:20:47.880 --> 00:20:50.180 align:middle line:90%
We're getting that
upward trend on IE11.
00:20:50.180 --> 00:20:56.160 align:middle line:90%
And with this that we
announced in January,
00:20:56.160 --> 00:21:00.020 align:middle line:90%
I believe it was, everybody
who has Windows 7, Windows
00:21:00.020 --> 00:21:03.960 align:middle line:90%
8, and Windows 8.1 will have
a free upgrade to Windows 10.
00:21:03.960 --> 00:21:07.300 align:middle line:90%
That's huge because that's going
to be a high-priority update.
00:21:07.300 --> 00:21:08.850 align:middle line:90%
They'll be able to
go ahead and get
00:21:08.850 --> 00:21:11.390 align:middle line:90%
on the latest version of
Windows once we release it out
00:21:11.390 --> 00:21:12.760 align:middle line:84%
to the public.
00:21:12.760 --> 00:21:16.030 align:middle line:90%
And that means, because
Microsoft Edge will
00:21:16.030 --> 00:21:19.120 align:middle line:90%
be the default browsing
experience on Windows 10,
00:21:19.120 --> 00:21:23.840 align:middle line:90%
you're going to see a very
high usage of Microsoft Edge.
00:21:23.840 --> 00:21:25.950 align:middle line:90%
That means that for you
guys as web developers,
00:21:25.950 --> 00:21:28.849 align:middle line:90%
you're going to get to do
shiny stuff very, very quickly.
00:21:28.849 --> 00:21:29.390 align:middle line:84%
Kind of cool.
00:21:29.390 --> 00:21:31.712 align:middle line:84%
Who's happy about that?
00:21:31.712 --> 00:21:33.170 align:middle line:90%
Some people didn't
raise your hand.
00:21:33.170 --> 00:21:34.910 align:middle line:90%
That means you're
not happy about that?
00:21:34.910 --> 00:21:36.170 align:middle line:84%
Come on.
00:21:36.170 --> 00:21:40.200 align:middle line:90%
So what this ultimately
means is that we
00:21:40.200 --> 00:21:44.080 align:middle line:90%
will be able to sunset Internet
Explorer sometime, hopefully
00:21:44.080 --> 00:21:44.740 align:middle line:84%
soon.
00:21:44.740 --> 00:21:47.760 align:middle line:90%
Can't say tomorrow, maybe
not even within a year,
00:21:47.760 --> 00:21:52.060 align:middle line:90%
but soon enough, IE
won't be an issue.
00:21:52.060 --> 00:21:53.300 align:middle line:84%
And that makes me happy.
00:21:53.300 --> 00:21:57.280 align:middle line:90%
I want to see Microsoft
Edge on consumer PCs.
00:21:57.280 --> 00:21:59.370 align:middle line:90%
I want to see it on
the enterprise PCs.
00:21:59.370 --> 00:22:01.960 align:middle line:90%
And it's going to be a
really, really marvelous day.
00:22:01.960 --> 00:22:03.630 align:middle line:84%
So I'm really happy.
00:22:03.630 --> 00:22:05.290 align:middle line:84%
Now that's great.
00:22:05.290 --> 00:22:06.779 align:middle line:84%
My soapbox is done.
00:22:06.779 --> 00:22:08.820 align:middle line:90%
Now let's actually start
getting into brass tacks
00:22:08.820 --> 00:22:13.720 align:middle line:90%
and how do we test Internet
Explorer and Microsoft Edge.
00:22:13.720 --> 00:22:16.320 align:middle line:90%
This is a great question
because again, there
00:22:16.320 --> 00:22:17.880 align:middle line:90%
is some friction
when you go ahead
00:22:17.880 --> 00:22:20.100 align:middle line:84%
and you're not on a Windows PC.
00:22:20.100 --> 00:22:23.932 align:middle line:90%
When you're on a Mac or
you're on a Linux OS,
00:22:23.932 --> 00:22:26.560 align:middle line:90%
you have to do some
things to get around it.
00:22:26.560 --> 00:22:28.900 align:middle line:90%
The great thing is that
we are working really hard
00:22:28.900 --> 00:22:30.280 align:middle line:84%
to try to lower that friction.
00:22:30.280 --> 00:22:34.440 align:middle line:90%
We want to provide you guys
with as many tools as possible
00:22:34.440 --> 00:22:36.050 align:middle line:84%
to be able to test IE.
00:22:36.050 --> 00:22:39.960 align:middle line:90%
And the other question I
get is, will Microsoft Edge
00:22:39.960 --> 00:22:42.350 align:middle line:84%
be coming to OS X and Linux?
00:22:42.350 --> 00:22:43.810 align:middle line:84%
The answer is no.
00:22:43.810 --> 00:22:45.352 align:middle line:84%
We're not focusing on that.
00:22:45.352 --> 00:22:47.060 align:middle line:90%
I want to answer this
directly right now.
00:22:47.060 --> 00:22:49.990 align:middle line:90%
We want to focus Microsoft
Edge on Windows 10.
00:22:49.990 --> 00:22:53.180 align:middle line:90%
We want to come up with a solid
browsing experience on there.
00:22:53.180 --> 00:22:56.650 align:middle line:90%
We want to make sure that
we are able to create
00:22:56.650 --> 00:23:00.880 align:middle line:90%
this brand new browser,
get users using it,
00:23:00.880 --> 00:23:03.660 align:middle line:90%
get telemetry on that, make
sure that we are coming up
00:23:03.660 --> 00:23:05.970 align:middle line:84%
with a solid browser experience.
00:23:05.970 --> 00:23:08.650 align:middle line:90%
Once we've done that and we feel
really good about this brand
00:23:08.650 --> 00:23:10.510 align:middle line:90%
new browser that
we're launching,
00:23:10.510 --> 00:23:12.630 align:middle line:90%
then we can start looking
at other opportunities
00:23:12.630 --> 00:23:14.890 align:middle line:90%
that we have to add
new features or what
00:23:14.890 --> 00:23:17.792 align:middle line:90%
we want to do with the future
direction of the browser.
00:23:17.792 --> 00:23:19.750 align:middle line:90%
But for right now, it's
really important for us
00:23:19.750 --> 00:23:23.160 align:middle line:90%
to stabilize our
development efforts
00:23:23.160 --> 00:23:25.290 align:middle line:90%
and focus on the platform
that, right now, is
00:23:25.290 --> 00:23:27.890 align:middle line:90%
important to our users,
which is Windows 10.
00:23:27.890 --> 00:23:29.320 align:middle line:84%
So we're going to focus on that.
00:23:29.320 --> 00:23:31.611 align:middle line:90%
And then down the road, we
can evaluate which direction
00:23:31.611 --> 00:23:33.450 align:middle line:84%
we want to take.
00:23:33.450 --> 00:23:36.730 align:middle line:90%
So how do we test IE
and Microsoft Edge?
00:23:36.730 --> 00:23:38.880 align:middle line:90%
Well, the main place
you want to go to
00:23:38.880 --> 00:23:42.200 align:middle line:90%
is the Microsoft
Edge Dev Portal.
00:23:42.200 --> 00:23:45.850 align:middle line:90%
How many of you are
familiar with modern.ie?
00:23:45.850 --> 00:23:47.100 align:middle line:84%
Awesome, a good number of you.
00:23:47.100 --> 00:23:50.260 align:middle line:90%
Well, modern.ie
was a great portal
00:23:50.260 --> 00:23:51.822 align:middle line:90%
that we launched a
couple years ago.
00:23:51.822 --> 00:23:54.030 align:middle line:90%
I think it was in 2012 that
we initially launched it.
00:23:54.030 --> 00:23:57.180 align:middle line:90%
It was a portal meant
to provide tools
00:23:57.180 --> 00:24:01.840 align:middle line:90%
and VMs that allowed developers
to test a variety of Microsoft
00:24:01.840 --> 00:24:04.670 align:middle line:90%
Internet Explorer
versions and basically
00:24:04.670 --> 00:24:05.710 align:middle line:84%
have VMs that were free.
00:24:05.710 --> 00:24:08.810 align:middle line:90%
One of the things that we
always got dinged on was,
00:24:08.810 --> 00:24:12.020 align:middle line:90%
hey, why do I have to
buy a copy of Windows
00:24:12.020 --> 00:24:13.800 align:middle line:84%
to be able to test IE?
00:24:13.800 --> 00:24:15.760 align:middle line:90%
And we tried to
solve that problem.
00:24:15.760 --> 00:24:19.290 align:middle line:90%
So we came up with a free
set of virtual machines
00:24:19.290 --> 00:24:22.700 align:middle line:90%
that you could use on Parallels,
VMware Fusion, or VirtualBox,
00:24:22.700 --> 00:24:26.280 align:middle line:90%
across Linux, OS X,
and even Windows.
00:24:26.280 --> 00:24:30.107 align:middle line:90%
This is the evolution
of modern.ie.
00:24:30.107 --> 00:24:31.690 align:middle line:90%
So I'm going to drop
out a PowerPoint,
00:24:31.690 --> 00:24:34.710 align:middle line:90%
and we're going to actually
walk through it real quick.
00:24:34.710 --> 00:24:36.910 align:middle line:90%
And hopefully, the AV guys
won't have a heart attack
00:24:36.910 --> 00:24:39.493 align:middle line:90%
that I'm doing this because the
poor guys have been struggling
00:24:39.493 --> 00:24:41.020 align:middle line:84%
with the audio visual.
00:24:41.020 --> 00:24:43.460 align:middle line:90%
But I'm going to do my
best not to break them.
00:24:43.460 --> 00:24:45.520 align:middle line:90%
So if you notice,
first of all, I
00:24:45.520 --> 00:24:47.810 align:middle line:90%
want to show you that
this is how I work.
00:24:47.810 --> 00:24:51.180 align:middle line:90%
I have a ton a VMs
working all the time.
00:24:51.180 --> 00:24:53.136 align:middle line:84%
I have a Windows 8.1 VM.
00:24:53.136 --> 00:24:55.400 align:middle line:90%
I do a lot of my
day-to-day work on that
00:24:55.400 --> 00:24:58.725 align:middle line:90%
because that's the VM that I use
for a lot of my Outlook email
00:24:58.725 --> 00:24:59.600 align:middle line:84%
and things like that.
00:24:59.600 --> 00:25:01.670 align:middle line:90%
I also have my Windows
10 tech preview
00:25:01.670 --> 00:25:04.389 align:middle line:90%
one which gets flighted
on a regular basis.
00:25:04.389 --> 00:25:06.930 align:middle line:90%
And so you're going to hear the
term "flighting" quite a bit.
00:25:06.930 --> 00:25:07.790 align:middle line:90%
Flighting is the
way that we're going
00:25:07.790 --> 00:25:10.220 align:middle line:90%
to be delivering new
features to Windows 10
00:25:10.220 --> 00:25:12.090 align:middle line:84%
and of course, Microsoft Edge.
00:25:12.090 --> 00:25:15.210 align:middle line:90%
So this is flighted on a regular
basis so I have that there.
00:25:15.210 --> 00:25:17.240 align:middle line:90%
And then of course, I
have IE8 on Windows 7
00:25:17.240 --> 00:25:19.736 align:middle line:90%
because IE8 is still
incredibly important.
00:25:19.736 --> 00:25:20.610 align:middle line:84%
It's still pervasive.
00:25:20.610 --> 00:25:22.270 align:middle line:90%
And I want to make
sure I have this.
00:25:22.270 --> 00:25:23.245 align:middle line:84%
But I do use Parallels.
00:25:23.245 --> 00:25:24.120 align:middle line:84%
And I love Parallels.
00:25:24.120 --> 00:25:26.369 align:middle line:90%
I think it's one of the most
performant virtualization
00:25:26.369 --> 00:25:27.270 align:middle line:84%
softwares out there.
00:25:27.270 --> 00:25:31.570 align:middle line:90%
But this is to show you
that I also use VMs,
00:25:31.570 --> 00:25:33.340 align:middle line:84%
and I use them on a daily basis.
00:25:33.340 --> 00:25:37.135 align:middle line:90%
So if you're a Mac or a Linux
developer and you're using VMs,
00:25:37.135 --> 00:25:38.830 align:middle line:84%
hey, I'm right there with you.
00:25:38.830 --> 00:25:40.540 align:middle line:84%
I do it every single day.
00:25:40.540 --> 00:25:42.849 align:middle line:90%
I see the pros and
I see the cons.
00:25:42.849 --> 00:25:44.390 align:middle line:90%
And this is again,
one of the reasons
00:25:44.390 --> 00:25:47.920 align:middle line:90%
that every person on
our team uses a Mac.
00:25:47.920 --> 00:25:50.794 align:middle line:90%
Because we want to feel
the good side of the things
00:25:50.794 --> 00:25:51.960 align:middle line:84%
that you guys have in a Mac.
00:25:51.960 --> 00:25:53.090 align:middle line:90%
We want to understand
your workflow.
00:25:53.090 --> 00:25:54.330 align:middle line:90%
But we also want to
feel the pain points
00:25:54.330 --> 00:25:55.370 align:middle line:84%
and try to solve that.
00:25:55.370 --> 00:25:58.310 align:middle line:84%
And this is how we solve that.
00:25:58.310 --> 00:26:00.990 align:middle line:90%
First of all, if you
remember, I mentioned--
00:26:00.990 --> 00:26:03.420 align:middle line:90%
let me go into the
Microsoft Edge here.
00:26:03.420 --> 00:26:05.040 align:middle line:84%
Bear with me one second.
00:26:05.040 --> 00:26:08.780 align:middle line:90%
So on the portal, the great
thing about the Microsoft Edge
00:26:08.780 --> 00:26:11.210 align:middle line:90%
portal is that it's a
consolidated area where
00:26:11.210 --> 00:26:13.560 align:middle line:90%
you can go ahead and get
every bit of information
00:26:13.560 --> 00:26:15.650 align:middle line:84%
about Microsoft Edge.
00:26:15.650 --> 00:26:17.250 align:middle line:90%
This is going to
have blog posts.
00:26:17.250 --> 00:26:18.340 align:middle line:90%
This is going to
have our roadmap.
00:26:18.340 --> 00:26:20.465 align:middle line:90%
It's going to have the
virtualization software, all
00:26:20.465 --> 00:26:23.140 align:middle line:90%
the tools that we use
on a regular basis.
00:26:23.140 --> 00:26:24.490 align:middle line:84%
It's a really important site.
00:26:24.490 --> 00:26:27.010 align:middle line:90%
So I urge you guys
to check it out.
00:26:27.010 --> 00:26:31.500 align:middle line:90%
The new URL for this
is dev.modern.ie.
00:26:31.500 --> 00:26:33.090 align:middle line:90%
Really simple, so
please write it down
00:26:33.090 --> 00:26:35.215 align:middle line:90%
or hit it up in your browser
right now so that way,
00:26:35.215 --> 00:26:35.720 align:middle line:84%
you have it.
00:26:35.720 --> 00:26:38.170 align:middle line:90%
And if you look through
here, basically, you'll
00:26:38.170 --> 00:26:39.530 align:middle line:84%
see there is Web Platform.
00:26:39.530 --> 00:26:41.300 align:middle line:90%
This is the Status
page, so that roadmap
00:26:41.300 --> 00:26:43.271 align:middle line:84%
that we're talking about.
00:26:43.271 --> 00:26:44.270 align:middle line:84%
There it is right there.
00:26:44.270 --> 00:26:45.644 align:middle line:90%
I can expand down
on the roadmap.
00:26:45.644 --> 00:26:48.080 align:middle line:90%
I can see what the
status is of things.
00:26:48.080 --> 00:26:49.780 align:middle line:84%
I can see the browser support.
00:26:49.780 --> 00:26:51.450 align:middle line:90%
All this information
ties into Can I
00:26:51.450 --> 00:26:54.010 align:middle line:90%
Use as well so that Can I
Use can pull information
00:26:54.010 --> 00:26:56.690 align:middle line:90%
and actually give you
relevant information
00:26:56.690 --> 00:26:58.170 align:middle line:84%
about our roadmap as well.
00:26:58.170 --> 00:27:00.320 align:middle line:84%
So it's great.
00:27:00.320 --> 00:27:02.420 align:middle line:84%
Let me pull up here.
00:27:02.420 --> 00:27:07.840 align:middle line:90%
Now in dev.modern.ie, we
have a series of tools.
00:27:07.840 --> 00:27:09.810 align:middle line:84%
Tools are great.
00:27:09.810 --> 00:27:12.640 align:middle line:90%
The newest tool that we released
was something called Remote IE.
00:27:12.640 --> 00:27:14.710 align:middle line:84%
We always had virtual machines.
00:27:14.710 --> 00:27:16.680 align:middle line:90%
But a lot of
developers didn't want
00:27:16.680 --> 00:27:20.090 align:middle line:90%
to have to download a
multi-gig VM, install it.
00:27:20.090 --> 00:27:20.590 align:middle line:84%
We got it.
00:27:20.590 --> 00:27:21.800 align:middle line:84%
We understood it.
00:27:21.800 --> 00:27:24.000 align:middle line:90%
So we created something
called Remote IE.
00:27:24.000 --> 00:27:26.000 align:middle line:90%
Remote IE is pretty cool
because basically, it's
00:27:26.000 --> 00:27:28.640 align:middle line:90%
a virtualized version of
Internet Explorer that will
00:27:28.640 --> 00:27:29.849 align:middle line:84%
pop up right on your desktop.
00:27:29.849 --> 00:27:32.514 align:middle line:90%
And it looks like you're running
Internet Explorer within a Mac.
00:27:32.514 --> 00:27:34.340 align:middle line:90%
It's just a virtualized
version of it.
00:27:34.340 --> 00:27:36.399 align:middle line:90%
So when you click in here,
what it's going to do
00:27:36.399 --> 00:27:38.690 align:middle line:90%
is it's going to ask you to
create a Microsoft Live ID.
00:27:38.690 --> 00:27:40.310 align:middle line:90%
And it's really important that
you create that because that's
00:27:40.310 --> 00:27:42.040 align:middle line:84%
how we tie in services.
00:27:42.040 --> 00:27:44.700 align:middle line:90%
And then from there, it's
going to ask you for a location
00:27:44.700 --> 00:27:46.077 align:middle line:84%
where you want to work with.
00:27:46.077 --> 00:27:47.160 align:middle line:84%
Are you on the East Coast?
00:27:47.160 --> 00:27:48.243 align:middle line:84%
Are you on the West Coast?
00:27:48.243 --> 00:27:50.890 align:middle line:90%
Are you in North Europe
or are you in West Europe?
00:27:50.890 --> 00:27:52.489 align:middle line:90%
These are data
centers that we use.
00:27:52.489 --> 00:27:54.280 align:middle line:90%
And they allow us to
go ahead and offer you
00:27:54.280 --> 00:27:57.280 align:middle line:90%
the best performance for
this virtualized experience.
00:27:57.280 --> 00:27:59.870 align:middle line:90%
So you want to select the
one that's closest to you.
00:27:59.870 --> 00:28:01.229 align:middle line:84%
I already have this one set up.
00:28:01.229 --> 00:28:03.520 align:middle line:90%
So I don't want to go through
the registration process.
00:28:03.520 --> 00:28:06.670 align:middle line:90%
You guys can go through it, and
you can test it out yourself.
00:28:06.670 --> 00:28:08.540 align:middle line:90%
So I'm going to
bring up Remote IE.
00:28:08.540 --> 00:28:11.010 align:middle line:90%
And in Remote IE, what happens
is once you're registered,
00:28:11.010 --> 00:28:13.160 align:middle line:90%
in this case, I have
multiple different services.
00:28:13.160 --> 00:28:14.970 align:middle line:90%
I have one for
East, one for West.
00:28:14.970 --> 00:28:19.090 align:middle line:90%
I have one for a specific
version of the preview.
00:28:19.090 --> 00:28:21.380 align:middle line:84%
I'm going to start this up.
00:28:21.380 --> 00:28:24.170 align:middle line:90%
And it'll go through its
process of connecting.
00:28:24.170 --> 00:28:26.290 align:middle line:84%
Bear with me one second.
00:28:26.290 --> 00:28:28.080 align:middle line:84%
It'll come up, and boom.
00:28:28.080 --> 00:28:31.150 align:middle line:90%
Now I'm running a virtualized
version of Microsoft Internet
00:28:31.150 --> 00:28:34.980 align:middle line:84%
Explorer 11 on my Mac.
00:28:34.980 --> 00:28:39.070 align:middle line:90%
Now this is great if you want
to test out different sites.
00:28:39.070 --> 00:28:41.000 align:middle line:84%
Like I can go to microsoft.com.
00:28:41.000 --> 00:28:43.330 align:middle line:90%
Hopefully, my eyes
will do me justice.
00:28:43.330 --> 00:28:45.131 align:middle line:84%
So I can go to microsoft.com.
00:28:45.131 --> 00:28:47.350 align:middle line:90%
And again, it's going to
go out and load it up.
00:28:47.350 --> 00:28:47.977 align:middle line:84%
That's great.
00:28:47.977 --> 00:28:49.560 align:middle line:90%
And This is fine if
you're testing out
00:28:49.560 --> 00:28:51.807 align:middle line:90%
your site on a staging
server or production server.
00:28:51.807 --> 00:28:53.390 align:middle line:90%
But it really doesn't
do you much good
00:28:53.390 --> 00:28:56.270 align:middle line:90%
if you guys want to test out
your local machines, right?
00:28:56.270 --> 00:28:58.410 align:middle line:90%
Because you don't have
local file system access
00:28:58.410 --> 00:29:01.320 align:middle line:90%
through this virtualized
version of Internet Explorer.
00:29:01.320 --> 00:29:04.290 align:middle line:90%
That stinks if you're doing
testing on your local machine.
00:29:04.290 --> 00:29:05.550 align:middle line:90%
So I'm going to show
you a way-- bear with me
00:29:05.550 --> 00:29:07.620 align:middle line:90%
one second because I'm not
going to take the survey.
00:29:07.620 --> 00:29:09.660 align:middle line:90%
I'm going to show you a
way to get around that,
00:29:09.660 --> 00:29:12.540 align:middle line:90%
a way that you can run a local
server on your development
00:29:12.540 --> 00:29:15.050 align:middle line:90%
machine and be
able to tunnel out
00:29:15.050 --> 00:29:17.190 align:middle line:84%
so you can test out your site.
00:29:17.190 --> 00:29:20.870 align:middle line:90%
So with that, I'm going to
show you a program that I have.
00:29:20.870 --> 00:29:23.090 align:middle line:84%
This program's called ngrok.
00:29:23.090 --> 00:29:25.440 align:middle line:84%
It's freaking awesome.
00:29:25.440 --> 00:29:27.900 align:middle line:90%
ngrok allows you to
create a secure tunnel.
00:29:27.900 --> 00:29:30.480 align:middle line:90%
And what that does is
basically provides you
00:29:30.480 --> 00:29:32.470 align:middle line:90%
with a public URL
that's tunneling
00:29:32.470 --> 00:29:34.610 align:middle line:90%
into your local
machine and allows
00:29:34.610 --> 00:29:39.440 align:middle line:90%
you to see your specific
locally-hosted site.
00:29:39.440 --> 00:29:41.490 align:middle line:90%
So let me show you
what that looks like.
00:29:41.490 --> 00:29:44.072 align:middle line:90%
And by the way, you can
install ngrok via Homebrew.
00:29:44.072 --> 00:29:46.280 align:middle line:90%
How many of you guys use
Homebrew on a regular basis?
00:29:46.280 --> 00:29:46.610 align:middle line:84%
Beautiful.
00:29:46.610 --> 00:29:47.360 align:middle line:84%
So you can install to there.
00:29:47.360 --> 00:29:48.710 align:middle line:90%
Or you can just
download it here.
00:29:48.710 --> 00:29:50.960 align:middle line:90%
I downloaded it from here
because it's a newer version
00:29:50.960 --> 00:29:52.980 align:middle line:90%
and just stuck it
into User Local Bin.
00:29:52.980 --> 00:29:54.460 align:middle line:84%
Easy peasy.
00:29:54.460 --> 00:29:57.680 align:middle line:90%
So I'll go over here,
and I'll bring this up.
00:29:57.680 --> 00:29:59.780 align:middle line:90%
And here's a site
that I'm going to run.
00:29:59.780 --> 00:30:04.060 align:middle line:90%
So it's a site that my
buddy let me grab down.
00:30:04.060 --> 00:30:07.680 align:middle line:90%
He's a CrossFit box owner,
so I'll bring that up.
00:30:07.680 --> 00:30:10.920 align:middle line:84%
And let's see here.
00:30:10.920 --> 00:30:14.400 align:middle line:84%
Let's go to localhost:8080.
00:30:14.400 --> 00:30:16.060 align:middle line:84%
That's his site, basically.
00:30:16.060 --> 00:30:17.730 align:middle line:90%
And it's a site
that he's creating
00:30:17.730 --> 00:30:19.020 align:middle line:84%
a product for CrossFit.
00:30:19.020 --> 00:30:19.860 align:middle line:84%
I'm not going to go into that.
00:30:19.860 --> 00:30:21.485 align:middle line:90%
But basically, I want
to show you that.
00:30:21.485 --> 00:30:23.540 align:middle line:90%
Now the great
thing with ngrok is
00:30:23.540 --> 00:30:26.820 align:middle line:90%
I want to see this
outside of my network.
00:30:26.820 --> 00:30:31.060 align:middle line:90%
If I try to go here to
Remote IE-- let me go here--
00:30:31.060 --> 00:30:32.440 align:middle line:84%
and I try to bring this up.
00:30:32.440 --> 00:30:37.130 align:middle line:90%
Well, let's see--
localhost:8080.
00:30:37.130 --> 00:30:38.390 align:middle line:84%
Not going to work, basically.
00:30:38.390 --> 00:30:40.700 align:middle line:90%
So ngrok lets me
get around that.
00:30:40.700 --> 00:30:43.910 align:middle line:90%
So I'll go here,
open up another tab.
00:30:43.910 --> 00:30:46.070 align:middle line:90%
And let's see, I should
have ngrok already set up.
00:30:46.070 --> 00:30:47.250 align:middle line:84%
Yep, here we go.
00:30:47.250 --> 00:30:49.280 align:middle line:90%
And basically, if
you look, notice
00:30:49.280 --> 00:30:52.560 align:middle line:90%
that you have a publicly
available URL created for you.
00:30:52.560 --> 00:30:54.400 align:middle line:84%
See that right there?
00:30:54.400 --> 00:30:56.780 align:middle line:84%
So now I can go here, copy this.
00:30:56.780 --> 00:31:00.520 align:middle line:84%
00:31:00.520 --> 00:31:01.660 align:middle line:84%
And copy.
00:31:01.660 --> 00:31:03.850 align:middle line:84%
And I'll go here to my browser.
00:31:03.850 --> 00:31:05.970 align:middle line:84%
Paste that in.
00:31:05.970 --> 00:31:07.970 align:middle line:84%
Boom, and I have a site there.
00:31:07.970 --> 00:31:11.960 align:middle line:90%
This is awesome because now, I
can pull up the F12 Developer
00:31:11.960 --> 00:31:14.400 align:middle line:90%
Tools and actually
test out this stuff
00:31:14.400 --> 00:31:16.420 align:middle line:90%
just like if I was working
on my local machine.
00:31:16.420 --> 00:31:18.920 align:middle line:84%
So I'll bring up the 12 Tools.
00:31:18.920 --> 00:31:22.650 align:middle line:90%
And I'll go ahead and
let me dock those.
00:31:22.650 --> 00:31:25.140 align:middle line:90%
And I have complete
access to the tooling
00:31:25.140 --> 00:31:26.780 align:middle line:84%
for this particular website.
00:31:26.780 --> 00:31:28.676 align:middle line:90%
So again, this is
something that we
00:31:28.676 --> 00:31:31.050 align:middle line:90%
haven't done a really good
job of explaining to you guys.
00:31:31.050 --> 00:31:32.508 align:middle line:90%
It was something
that I said, there
00:31:32.508 --> 00:31:34.120 align:middle line:90%
has to be a better
way of doing this.
00:31:34.120 --> 00:31:36.660 align:middle line:90%
And so I talked to my buddies
on the IE engineering team.
00:31:36.660 --> 00:31:39.150 align:middle line:90%
I said, guys, how
do we secure tunnel?
00:31:39.150 --> 00:31:41.940 align:middle line:90%
They gave me the information
on ngrok, tested it out,
00:31:41.940 --> 00:31:43.260 align:middle line:84%
and it worked awesome.
00:31:43.260 --> 00:31:45.540 align:middle line:90%
So again, Remote IE
is awesome if you
00:31:45.540 --> 00:31:47.290 align:middle line:84%
don't want to download a VM.
00:31:47.290 --> 00:31:50.210 align:middle line:90%
I get it, not everybody
wants to take up disk base.
00:31:50.210 --> 00:31:54.320 align:middle line:90%
So get Remote IE, get ngrok,
create the secure tunnel,
00:31:54.320 --> 00:31:55.230 align:middle line:84%
and you're in.
00:31:55.230 --> 00:31:55.730 align:middle line:84%
Boom.
00:31:55.730 --> 00:31:57.850 align:middle line:90%
And you have access
to the F12 Tools
00:31:57.850 --> 00:32:00.400 align:middle line:90%
as well, which makes your
life a whole lot easier.
00:32:00.400 --> 00:32:03.320 align:middle line:84%
So let me close this down.
00:32:03.320 --> 00:32:05.470 align:middle line:84%
Sorry.
00:32:05.470 --> 00:32:07.470 align:middle line:84%
And let me cancel ngrok.
00:32:07.470 --> 00:32:09.850 align:middle line:90%
And I'm going to
cancel this right here.
00:32:09.850 --> 00:32:10.830 align:middle line:84%
Cool.
00:32:10.830 --> 00:32:12.090 align:middle line:84%
Bye bye.
00:32:12.090 --> 00:32:14.000 align:middle line:84%
Awesome.
00:32:14.000 --> 00:32:16.799 align:middle line:84%
Now let me go back to the site.
00:32:16.799 --> 00:32:18.840 align:middle line:90%
So we also have, of course,
the virtual machines.
00:32:18.840 --> 00:32:21.300 align:middle line:90%
And the virtual machines
is what most people
00:32:21.300 --> 00:32:26.850 align:middle line:90%
love about modern.ie and now, of
course, the Microsoft Edge Dev
00:32:26.850 --> 00:32:27.410 align:middle line:84%
Portal.
00:32:27.410 --> 00:32:29.980 align:middle line:90%
And the reason they love
it is because in here, you
00:32:29.980 --> 00:32:35.010 align:middle line:90%
can choose virtual machines for
either Windows, Mac, or Linux.
00:32:35.010 --> 00:32:37.230 align:middle line:90%
Doesn't matter which
OS you're tackling.
00:32:37.230 --> 00:32:42.070 align:middle line:90%
So if I'm on a Mac, I can go
ahead and choose the type of VM
00:32:42.070 --> 00:32:42.610 align:middle line:84%
that I want.
00:32:42.610 --> 00:32:45.596 align:middle line:90%
Notice that we go all
the way back to IE6.
00:32:45.596 --> 00:32:47.220 align:middle line:90%
I don't know how many
people-- how many
00:32:47.220 --> 00:32:49.790 align:middle line:84%
of you are still supporting IE6?
00:32:49.790 --> 00:32:50.550 align:middle line:84%
That's awesome.
00:32:50.550 --> 00:32:51.330 align:middle line:84%
Great.
00:32:51.330 --> 00:32:53.746 align:middle line:90%
I know Yahoo, for example, I
just got an email from Yahoo.
00:32:53.746 --> 00:32:56.450 align:middle line:90%
They still have to support IE6,
which is, I'm like, oh my god.
00:32:56.450 --> 00:32:57.786 align:middle line:84%
But you know, it is what it is.
00:32:57.786 --> 00:32:59.660 align:middle line:90%
And we want to make sure
that those tools are
00:32:59.660 --> 00:33:01.060 align:middle line:90%
available to
companies like Yahoo
00:33:01.060 --> 00:33:03.185 align:middle line:90%
so they can continue to do
the work that they need.
00:33:03.185 --> 00:33:05.111 align:middle line:84%
But we go IE6 through IE11.
00:33:05.111 --> 00:33:07.610 align:middle line:90%
And notice that we tackle it
on different versions of the OS
00:33:07.610 --> 00:33:10.760 align:middle line:90%
as well to make sure that the
nuances between the OS versions
00:33:10.760 --> 00:33:12.289 align:middle line:84%
are also accommodated for.
00:33:12.289 --> 00:33:14.330 align:middle line:90%
And then once you choose
a version that you want,
00:33:14.330 --> 00:33:16.760 align:middle line:90%
let's say it's IE8 on
Win 7, the great thing
00:33:16.760 --> 00:33:20.130 align:middle line:90%
is that we also give you the
option to go for Parallels,
00:33:20.130 --> 00:33:21.770 align:middle line:84%
go for VirtualBox or VMware.
00:33:21.770 --> 00:33:24.020 align:middle line:90%
So whether you want to pay
for virtualization software
00:33:24.020 --> 00:33:27.990 align:middle line:90%
like Parallels or VMware, or you
want the freebie from Oracle,
00:33:27.990 --> 00:33:29.020 align:middle line:84%
it's there.
00:33:29.020 --> 00:33:31.942 align:middle line:90%
And once you select what
you want, boom, it's there.
00:33:31.942 --> 00:33:34.400 align:middle line:90%
You download the zip file, you
extract it, and you're gone.
00:33:34.400 --> 00:33:35.830 align:middle line:84%
And you just drop it in.
00:33:35.830 --> 00:33:41.334 align:middle line:90%
So if we look here, and
I'll go to Documents.
00:33:41.334 --> 00:33:43.500 align:middle line:90%
Actually, let me go to
Downloads so you can actually
00:33:43.500 --> 00:33:44.458 align:middle line:84%
see what it looks like.
00:33:44.458 --> 00:33:49.630 align:middle line:90%
Downloads, and Microsoft,
and VMs, and here's IE8.
00:33:49.630 --> 00:33:51.615 align:middle line:90%
When I extracted
it, basically, I
00:33:51.615 --> 00:33:54.610 align:middle line:90%
have a PVM file which is a
Parallels Virtual Machine file.
00:33:54.610 --> 00:33:57.870 align:middle line:90%
I copy that into my
Documents folder right here
00:33:57.870 --> 00:33:59.650 align:middle line:84%
for Organization.
00:33:59.650 --> 00:34:01.910 align:middle line:90%
And basically, I now
have access to this.
00:34:01.910 --> 00:34:03.070 align:middle line:84%
So I can bring it up.
00:34:03.070 --> 00:34:05.028 align:middle line:90%
I'll spit it up in fact
so you guys can see it,
00:34:05.028 --> 00:34:07.241 align:middle line:84%
so it's not smoke and mirrors.
00:34:07.241 --> 00:34:08.949 align:middle line:90%
You'll have plenty of
instructions there.
00:34:08.949 --> 00:34:11.790 align:middle line:90%
There's a 90-day time
limit on these VMs.
00:34:11.790 --> 00:34:14.949 align:middle line:90%
So the key thing you want to do
is as soon as you spin this up
00:34:14.949 --> 00:34:17.560 align:middle line:90%
and you get it
running, do a snapshot.
00:34:17.560 --> 00:34:19.980 align:middle line:90%
Snapshot is as easy as
going here and saying,
00:34:19.980 --> 00:34:21.354 align:middle line:84%
I want to take a snapshot.
00:34:21.354 --> 00:34:23.770 align:middle line:90%
And the reason is because then
you can always revert back.
00:34:23.770 --> 00:34:28.210 align:middle line:90%
And that gets you away
from the 90-day time limit.
00:34:28.210 --> 00:34:30.929 align:middle line:90%
You don't have to keep all
these big files on your system.
00:34:30.929 --> 00:34:32.420 align:middle line:90%
You just keep your
virtual machine,
00:34:32.420 --> 00:34:33.929 align:middle line:84%
and you take a snapshot of it.
00:34:33.929 --> 00:34:36.070 align:middle line:90%
But again, notice
that basically, I
00:34:36.070 --> 00:34:37.949 align:middle line:90%
have complete access
to Internet Explorer.
00:34:37.949 --> 00:34:39.730 align:middle line:84%
This is Internet Explorer 8.
00:34:39.730 --> 00:34:43.550 align:middle line:90%
And I have access to tooling
for that, so Developer Tools.
00:34:43.550 --> 00:34:44.775 align:middle line:84%
There you go.
00:34:44.775 --> 00:34:47.150 align:middle line:90%
So if you need to test on a
different version of Internet
00:34:47.150 --> 00:34:49.659 align:middle line:90%
Explorer, this is
the way to do it.
00:34:49.659 --> 00:34:52.889 align:middle line:90%
And again, it goes and it
spans across multiple versions
00:34:52.889 --> 00:34:54.239 align:middle line:84%
of virtualization software.
00:34:54.239 --> 00:34:56.800 align:middle line:90%
And we think we've done a
really good job of meeting
00:34:56.800 --> 00:35:00.420 align:middle line:90%
the needs of probably 90%
to 95% of web developers
00:35:00.420 --> 00:35:02.225 align:middle line:84%
through these VMs.
00:35:02.225 --> 00:35:04.100 align:middle line:90%
The other tools that
are really interesting--
00:35:04.100 --> 00:35:05.016 align:middle line:84%
let me shut this down.
00:35:05.016 --> 00:35:08.380 align:middle line:84%
00:35:08.380 --> 00:35:09.670 align:middle line:84%
And I'll go over here.
00:35:09.670 --> 00:35:11.730 align:middle line:90%
Let me close this one,
and I'll close this one.
00:35:11.730 --> 00:35:12.892 align:middle line:84%
Is the site scan.
00:35:12.892 --> 00:35:14.600 align:middle line:90%
So one of the things
that we wanted to do
00:35:14.600 --> 00:35:16.882 align:middle line:90%
is make it easier for you
guys to determine what
00:35:16.882 --> 00:35:18.090 align:middle line:84%
are the compatibility issues.
00:35:18.090 --> 00:35:20.124 align:middle line:90%
What are the
patterns that we know
00:35:20.124 --> 00:35:21.790 align:middle line:90%
would cause some
heartache for you guys?
00:35:21.790 --> 00:35:24.995 align:middle line:90%
What are the things
that we knew would--
00:35:24.995 --> 00:35:27.932 align:middle line:90%
that propriety information
that would make your transition
00:35:27.932 --> 00:35:30.390 align:middle line:90%
across multiple versions of
Internet Explorer a lot easier?
00:35:30.390 --> 00:35:32.800 align:middle line:90%
And so in this case, the
site scanner, what it does
00:35:32.800 --> 00:35:38.109 align:middle line:90%
is it does a high-level
review of your front end code
00:35:38.109 --> 00:35:39.900 align:middle line:90%
and gives you an idea
of some of the things
00:35:39.900 --> 00:35:43.480 align:middle line:90%
that we've determined have
been compatibility issues.
00:35:43.480 --> 00:35:44.880 align:middle line:84%
So in this case, I scanned CNN.
00:35:44.880 --> 00:35:46.320 align:middle line:84%
And I did it ahead of time.
00:35:46.320 --> 00:35:48.654 align:middle line:90%
And you guys can test
this out on your own.
00:35:48.654 --> 00:35:50.070 align:middle line:90%
So basically, it
comes to the site
00:35:50.070 --> 00:35:51.944 align:middle line:90%
and it says, all right,
there are some things
00:35:51.944 --> 00:35:53.320 align:middle line:84%
that might be a problem.
00:35:53.320 --> 00:35:55.990 align:middle line:90%
So in this case,
here's CSS prefixes.
00:35:55.990 --> 00:35:59.230 align:middle line:90%
Well, we know that
if you guys don't
00:35:59.230 --> 00:36:01.337 align:middle line:90%
go ahead and put all
the vendor prefixes,
00:36:01.337 --> 00:36:02.545 align:middle line:84%
that's always been a problem.
00:36:02.545 --> 00:36:06.680 align:middle line:90%
If you don't at least put
the standards-based vendor
00:36:06.680 --> 00:36:08.500 align:middle line:90%
prefix for the
individual feature,
00:36:08.500 --> 00:36:09.500 align:middle line:84%
that could be a problem.
00:36:09.500 --> 00:36:11.710 align:middle line:90%
So what we've done is
we've analyzed the code,
00:36:11.710 --> 00:36:14.570 align:middle line:90%
and we've shown where
we're having some issues.
00:36:14.570 --> 00:36:17.530 align:middle line:90%
So if you're here and
you put -moz appearance
00:36:17.530 --> 00:36:20.150 align:middle line:90%
or you put webkit-user-select,
if it's something that's
00:36:20.150 --> 00:36:23.490 align:middle line:90%
proprietary or something where
you don't do all the vendor
00:36:23.490 --> 00:36:25.230 align:middle line:90%
prefixes, we've
determined that's going
00:36:25.230 --> 00:36:27.800 align:middle line:90%
to be a problem, especially
for older versions of Internet
00:36:27.800 --> 00:36:29.140 align:middle line:84%
Explorer.
00:36:29.140 --> 00:36:31.790 align:middle line:90%
So we're trying to educate you
guys to make sure that when
00:36:31.790 --> 00:36:34.320 align:middle line:90%
you're creating your CSS, if
you are going to use vendor
00:36:34.320 --> 00:36:37.550 align:middle line:90%
prefixes, that you accommodate
for all the vendors,
00:36:37.550 --> 00:36:38.297 align:middle line:84%
not just -webkit.
00:36:38.297 --> 00:36:40.380 align:middle line:90%
This is one of the big
things that we encountered.
00:36:40.380 --> 00:36:42.546 align:middle line:90%
And it's been one of the
big things in the community
00:36:42.546 --> 00:36:45.290 align:middle line:90%
and continues to be pervasive,
especially in mobile.
00:36:45.290 --> 00:36:47.934 align:middle line:90%
How many of you
use Sass or LESS?
00:36:47.934 --> 00:36:49.600 align:middle line:90%
When you use Sass or
LESS, it's actually
00:36:49.600 --> 00:36:52.030 align:middle line:90%
trivial to go ahead and
add these vendor prefixes.
00:36:52.030 --> 00:36:53.330 align:middle line:84%
Just make them standard.
00:36:53.330 --> 00:36:55.140 align:middle line:90%
You shouldn't have
to do a lot of work.
00:36:55.140 --> 00:36:56.550 align:middle line:84%
So please keep that in mind.
00:36:56.550 --> 00:36:58.180 align:middle line:90%
Don't just assume
that it's -webkit
00:36:58.180 --> 00:36:59.740 align:middle line:84%
and that solves the problem.
00:36:59.740 --> 00:37:00.990 align:middle line:84%
We want to get away from that.
00:37:00.990 --> 00:37:03.080 align:middle line:90%
And the great thing is
all the browser vendors
00:37:03.080 --> 00:37:04.470 align:middle line:84%
are on board with that.
00:37:04.470 --> 00:37:06.053 align:middle line:90%
They've seen the
problems, and they're
00:37:06.053 --> 00:37:08.970 align:middle line:90%
trying to get away from these
proprietary vendor prefixes.
00:37:08.970 --> 00:37:10.824 align:middle line:90%
That's why about:flags
is so important.
00:37:10.824 --> 00:37:12.240 align:middle line:90%
And you see that
in Google Chrome.
00:37:12.240 --> 00:37:14.070 align:middle line:90%
You see that on
Internet Explorer.
00:37:14.070 --> 00:37:16.630 align:middle line:90%
And I think Mozilla has an
about:flags now that allows you
00:37:16.630 --> 00:37:19.136 align:middle line:90%
to enable certain experimental
features as well, right,
00:37:19.136 --> 00:37:19.635 align:middle line:84%
Christian?
00:37:19.635 --> 00:37:20.470 align:middle line:84%
Yeah.
00:37:20.470 --> 00:37:20.970 align:middle line:84%
Beautiful.
00:37:20.970 --> 00:37:21.910 align:middle line:84%
So I like that.
00:37:21.910 --> 00:37:23.644 align:middle line:90%
I like having an
experimental page where
00:37:23.644 --> 00:37:25.560 align:middle line:90%
you can turn on features,
and you can get away
00:37:25.560 --> 00:37:27.100 align:middle line:84%
from these vendor prefixes.
00:37:27.100 --> 00:37:28.570 align:middle line:84%
So keeping my fingers crossed.
00:37:28.570 --> 00:37:30.280 align:middle line:90%
And there's a host
of information here
00:37:30.280 --> 00:37:32.780 align:middle line:90%
that allows you to
analyze your site
00:37:32.780 --> 00:37:35.530 align:middle line:90%
and make sure that you're not
going to run into compatibility
00:37:35.530 --> 00:37:35.810 align:middle line:84%
issue.
00:37:35.810 --> 00:37:37.110 align:middle line:90%
We want you to
try to avoid that.
00:37:37.110 --> 00:37:39.450 align:middle line:90%
So again, this is a knowledge
is power type of section.
00:37:39.450 --> 00:37:40.950 align:middle line:84%
And check it out.
00:37:40.950 --> 00:37:42.870 align:middle line:84%
It's really, really cool stuff.
00:37:42.870 --> 00:37:44.800 align:middle line:90%
The other thing is
browser screenshots.
00:37:44.800 --> 00:37:47.520 align:middle line:90%
This is a feature that we
partnered with BrowserStack
00:37:47.520 --> 00:37:49.865 align:middle line:90%
on so that if you just wanted
to get a really, really
00:37:49.865 --> 00:37:51.490 align:middle line:90%
quick view of what
your site might look
00:37:51.490 --> 00:37:54.850 align:middle line:90%
like across multiple different
form factors and OSes,
00:37:54.850 --> 00:37:55.850 align:middle line:84%
you can go here.
00:37:55.850 --> 00:37:57.010 align:middle line:84%
And this is CNN.
00:37:57.010 --> 00:38:00.040 align:middle line:90%
Notice that here, it's on Opera
12.16, running on Windows 8.1.
00:38:00.040 --> 00:38:02.090 align:middle line:84%
Here's on a Samsung Galaxy S3.
00:38:02.090 --> 00:38:04.130 align:middle line:84%
Here's on Safari 7.0.
00:38:04.130 --> 00:38:06.682 align:middle line:90%
So it's a quick screenshot
feature that you can do.
00:38:06.682 --> 00:38:07.890 align:middle line:84%
You don't have to pay for it.
00:38:07.890 --> 00:38:08.140 align:middle line:84%
It's free.
00:38:08.140 --> 00:38:08.630 align:middle line:84%
You just go there.
00:38:08.630 --> 00:38:10.796 align:middle line:90%
And at least you get an
idea of what your site might
00:38:10.796 --> 00:38:13.260 align:middle line:90%
look like on different
OSes, different browsers
00:38:13.260 --> 00:38:15.157 align:middle line:84%
across different form factors.
00:38:15.157 --> 00:38:15.990 align:middle line:84%
Really neat feature.
00:38:15.990 --> 00:38:17.500 align:middle line:90%
Again, providing
you tools that make
00:38:17.500 --> 00:38:19.930 align:middle line:84%
your life a little bit easier.
00:38:19.930 --> 00:38:22.300 align:middle line:84%
So let's go back to here.
00:38:22.300 --> 00:38:23.430 align:middle line:84%
And I'll start this up.
00:38:23.430 --> 00:38:26.560 align:middle line:90%
The other tool that I tend
to recommend quite a bit
00:38:26.560 --> 00:38:27.450 align:middle line:84%
is BrowserStack.
00:38:27.450 --> 00:38:29.700 align:middle line:90%
How many of you have used
BrowserStack in the past?
00:38:29.700 --> 00:38:30.580 align:middle line:84%
A couple of you.
00:38:30.580 --> 00:38:32.420 align:middle line:90%
Now if you haven't heard
about BrowserStack,
00:38:32.420 --> 00:38:35.470 align:middle line:90%
it's really cool because it
provides virtualized browsers
00:38:35.470 --> 00:38:38.532 align:middle line:90%
that you can leverage within the
context of an actual browser.
00:38:38.532 --> 00:38:40.240 align:middle line:90%
And I'm going to show
you how that works.
00:38:40.240 --> 00:38:43.300 align:middle line:90%
If you're doing browser testing,
of course, you can use VMs.
00:38:43.300 --> 00:38:44.030 align:middle line:84%
And that's great.
00:38:44.030 --> 00:38:47.000 align:middle line:90%
But some people, again,
don't want to use the space.
00:38:47.000 --> 00:38:48.490 align:middle line:84%
So I use browserstack.com.
00:38:48.490 --> 00:38:51.890 align:middle line:90%
It is a paid service, but
it's worth every dime.
00:38:51.890 --> 00:38:55.490 align:middle line:90%
It's a system that I have
recommended wholeheartedly
00:38:55.490 --> 00:38:58.160 align:middle line:90%
because it makes my
life so much easier.
00:38:58.160 --> 00:39:01.370 align:middle line:90%
So you have the benefit of
testing publicly available
00:39:01.370 --> 00:39:05.790 align:middle line:90%
URLs, again, whether it's
a production or stage URL,
00:39:05.790 --> 00:39:06.680 align:middle line:84%
you can do that.
00:39:06.680 --> 00:39:09.325 align:middle line:90%
You can test it across multiple
different browser versions
00:39:09.325 --> 00:39:10.040 align:middle line:84%
and OSes.
00:39:10.040 --> 00:39:12.540 align:middle line:90%
So here, we have Win
10 through Win 8.
00:39:12.540 --> 00:39:15.440 align:middle line:90%
We have 7, OS X Lion,
and of course, a host
00:39:15.440 --> 00:39:16.990 align:middle line:84%
of mobile platforms.
00:39:16.990 --> 00:39:19.520 align:middle line:90%
And depending on
which OS you're on,
00:39:19.520 --> 00:39:22.170 align:middle line:90%
you can also test out
different versions of browsers.
00:39:22.170 --> 00:39:24.820 align:middle line:90%
And notice that it filters
down to the browser
00:39:24.820 --> 00:39:26.210 align:middle line:84%
that it supports.
00:39:26.210 --> 00:39:28.290 align:middle line:84%
So for Windows 10, there's IE11.
00:39:28.290 --> 00:39:29.990 align:middle line:84%
Notice that IE8 is not on there.
00:39:29.990 --> 00:39:32.520 align:middle line:90%
But you can say, I want
to go on Windows 7.
00:39:32.520 --> 00:39:35.140 align:middle line:90%
And notice that it changes
the level of support.
00:39:35.140 --> 00:39:38.470 align:middle line:90%
So if we go back to Windows
10, and I want to check here,
00:39:38.470 --> 00:39:42.140 align:middle line:90%
I can also do local host
testing, which is great.
00:39:42.140 --> 00:39:44.501 align:middle line:90%
Remember when we did this
secure testing through ngrok?
00:39:44.501 --> 00:39:46.750 align:middle line:90%
Well, the great thing is
that the guys at BrowserStack
00:39:46.750 --> 00:39:50.230 align:middle line:90%
went ahead and created
add-ons for Google Chrome
00:39:50.230 --> 00:39:54.670 align:middle line:90%
and for Firefox that allow you
to test and do secure tunneling
00:39:54.670 --> 00:39:55.840 align:middle line:84%
to their service.
00:39:55.840 --> 00:39:58.061 align:middle line:90%
So I have a Chrome
extension installed on here.
00:39:58.061 --> 00:40:00.060 align:middle line:90%
And notice that it says
local testing's enabled.
00:40:00.060 --> 00:40:02.460 align:middle line:90%
So let me crank up
my HTTP server again.
00:40:02.460 --> 00:40:03.493 align:middle line:84%
So I crank that up.
00:40:03.493 --> 00:40:04.409 align:middle line:84%
I'm on localhost:8080.
00:40:04.409 --> 00:40:05.610 align:middle line:84%
00:40:05.610 --> 00:40:08.140 align:middle line:90%
So now I can go ahead and
start testing this site.
00:40:08.140 --> 00:40:09.690 align:middle line:90%
Notice that I'm
in Google Chrome.
00:40:09.690 --> 00:40:12.256 align:middle line:90%
I'm within the context
of Google Chrome.
00:40:12.256 --> 00:40:13.380 align:middle line:84%
It's going to spin this up.
00:40:13.380 --> 00:40:15.300 align:middle line:90%
It's going to set up
a secure connection.
00:40:15.300 --> 00:40:17.840 align:middle line:90%
Give it a second
while it does this.
00:40:17.840 --> 00:40:18.800 align:middle line:84%
And boom.
00:40:18.800 --> 00:40:21.872 align:middle line:90%
Here comes it, and
there's my site.
00:40:21.872 --> 00:40:22.580 align:middle line:84%
Think about this.
00:40:22.580 --> 00:40:24.246 align:middle line:90%
This is kind of like
an Inception moment
00:40:24.246 --> 00:40:26.210 align:middle line:90%
here because we have
Google Chrome running.
00:40:26.210 --> 00:40:28.626 align:middle line:90%
We have Internet Explorer 11
running within Google Chrome.
00:40:28.626 --> 00:40:30.190 align:middle line:84%
It's really this weird thing.
00:40:30.190 --> 00:40:32.820 align:middle line:90%
But basically, the cool thing
is that you can go here,
00:40:32.820 --> 00:40:35.570 align:middle line:90%
and of course, you have
access to the F12 Developer
00:40:35.570 --> 00:40:37.070 align:middle line:84%
Tools, which is great.
00:40:37.070 --> 00:40:40.080 align:middle line:90%
So within Google Chrome, I can
test out an Internet Explorer
00:40:40.080 --> 00:40:42.620 align:middle line:90%
11 site and use the F12
Developer Tools that
00:40:42.620 --> 00:40:44.560 align:middle line:84%
come with Internet Explorer 11.
00:40:44.560 --> 00:40:48.180 align:middle line:90%
So again, it's a paid service,
but it's worth every cent.
00:40:48.180 --> 00:40:50.240 align:middle line:90%
And they have a have a
ton of other features
00:40:50.240 --> 00:40:53.200 align:middle line:90%
for testing responsive
web design, screenshots,
00:40:53.200 --> 00:40:54.130 align:middle line:84%
things like that.
00:40:54.130 --> 00:40:55.990 align:middle line:90%
Definitely worth
checking them out.
00:40:55.990 --> 00:40:57.710 align:middle line:84%
I recommend them highly.
00:40:57.710 --> 00:40:59.710 align:middle line:90%
I love those guys, and
they've done a great job.
00:40:59.710 --> 00:41:02.420 align:middle line:90%
And we've actually partnered
with them in the past.
00:41:02.420 --> 00:41:03.420 align:middle line:84%
Cool.
00:41:03.420 --> 00:41:08.160 align:middle line:90%
Let me terminate this,
and I'll close this out.
00:41:08.160 --> 00:41:11.784 align:middle line:90%
And I'll leave that running
because I'm going to use that.
00:41:11.784 --> 00:41:12.950 align:middle line:84%
Let me go back to my slides.
00:41:12.950 --> 00:41:17.060 align:middle line:84%
00:41:17.060 --> 00:41:23.080 align:middle line:84%
So who uses WebDriver?
00:41:23.080 --> 00:41:23.580 align:middle line:84%
Good.
00:41:23.580 --> 00:41:24.246 align:middle line:84%
A couple people.
00:41:24.246 --> 00:41:26.850 align:middle line:90%
We do have WebDriver support
for Internet Explorer 11,
00:41:26.850 --> 00:41:30.001 align:middle line:90%
and we are working on WebDriver
support for Microsoft Edge.
00:41:30.001 --> 00:41:31.750 align:middle line:90%
I'm not an expert in
WebDriver, so I'm not
00:41:31.750 --> 00:41:32.912 align:middle line:84%
going to demo it here.
00:41:32.912 --> 00:41:34.370 align:middle line:90%
But the great thing
is that we have
00:41:34.370 --> 00:41:36.030 align:middle line:84%
two people who are experts.
00:41:36.030 --> 00:41:38.924 align:middle line:90%
And that's John Jensen
and Candice Quadros.
00:41:38.924 --> 00:41:40.840 align:middle line:90%
Candace actually gave a
presentation yesterday
00:41:40.840 --> 00:41:45.890 align:middle line:90%
on Enterprise Internet Explorer
development and deployment
00:41:45.890 --> 00:41:47.230 align:middle line:84%
for IT pros.
00:41:47.230 --> 00:41:48.480 align:middle line:84%
I would urge you to find them.
00:41:48.480 --> 00:41:50.266 align:middle line:90%
They're wearing their
typical IE shirt.
00:41:50.266 --> 00:41:50.890 align:middle line:84%
Just find them.
00:41:50.890 --> 00:41:53.500 align:middle line:90%
John is typically over
here in the reception area.
00:41:53.500 --> 00:41:55.910 align:middle line:90%
I've already asked them to
please be available for this.
00:41:55.910 --> 00:41:58.754 align:middle line:90%
If you use WebDriver, they
can answer all the questions.
00:41:58.754 --> 00:42:00.920 align:middle line:90%
But know that we do have
it for Internet Explorer 11
00:42:00.920 --> 00:42:04.084 align:middle line:90%
so you can automate your testing
using Selenium with WebDriver.
00:42:04.084 --> 00:42:06.000 align:middle line:90%
And we are working on
that for Microsoft Edge.
00:42:06.000 --> 00:42:07.750 align:middle line:90%
So definitely take
advantage of that.
00:42:07.750 --> 00:42:09.350 align:middle line:90%
So how do we test
Microsoft Edge?
00:42:09.350 --> 00:42:12.150 align:middle line:90%
Because Microsoft Edge is the
new fancy schmancy browser
00:42:12.150 --> 00:42:16.210 align:middle line:90%
that we have, but we don't
quite have a VM ready for it.
00:42:16.210 --> 00:42:18.640 align:middle line:90%
If you notice that when I
went to the modern.ie site,
00:42:18.640 --> 00:42:19.801 align:middle line:84%
it wasn't there.
00:42:19.801 --> 00:42:21.300 align:middle line:90%
And the reason is
because we haven't
00:42:21.300 --> 00:42:25.007 align:middle line:84%
finished with the browser.
00:42:25.007 --> 00:42:26.590 align:middle line:90%
It's not a publicly
available browser.
00:42:26.590 --> 00:42:28.548 align:middle line:90%
It's not like Windows 10
is publicly available.
00:42:28.548 --> 00:42:29.924 align:middle line:84%
It's not like Microsoft Edge is.
00:42:29.924 --> 00:42:32.340 align:middle line:90%
We're still in a beta state,
so things are still changing.
00:42:32.340 --> 00:42:33.465 align:middle line:84%
We're still making flights.
00:42:33.465 --> 00:42:34.870 align:middle line:84%
We're still adding new features.
00:42:34.870 --> 00:42:38.700 align:middle line:90%
So for the time being,
the best way to do it
00:42:38.700 --> 00:42:41.590 align:middle line:84%
is to go to insider.windows.com.
00:42:41.590 --> 00:42:45.340 align:middle line:90%
Could I ask everybody
to write that URL down?
00:42:45.340 --> 00:42:46.394 align:middle line:84%
Take a moment to do that.
00:42:46.394 --> 00:42:47.560 align:middle line:84%
Bring it up in your browser.
00:42:47.560 --> 00:42:50.630 align:middle line:90%
I'll go in my browser here
so you guys can see it.
00:42:50.630 --> 00:42:52.345 align:middle line:90%
And let's go to
insider.windows.com.
00:42:52.345 --> 00:42:57.620 align:middle line:84%
00:42:57.620 --> 00:43:00.710 align:middle line:90%
And then this is how
you start basically.
00:43:00.710 --> 00:43:03.180 align:middle line:90%
You do have to register
for a Microsoft Live ID,
00:43:03.180 --> 00:43:04.393 align:middle line:90%
but it's really important
that you do that,
00:43:04.393 --> 00:43:05.030 align:middle line:84%
and I'll explain why.
00:43:05.030 --> 00:43:06.510 align:middle line:90%
Because when you
get here, you can
00:43:06.510 --> 00:43:10.330 align:middle line:90%
download the ISO for the most
current version of Windows 10,
00:43:10.330 --> 00:43:12.030 align:middle line:84%
which includes Microsoft Edge.
00:43:12.030 --> 00:43:13.920 align:middle line:90%
And then by registering
your Live ID,
00:43:13.920 --> 00:43:17.530 align:middle line:90%
your Microsoft Live ID, when
you go ahead and install the ISO
00:43:17.530 --> 00:43:20.930 align:middle line:90%
and bring up the OS, it's going
to ask you for that Live ID.
00:43:20.930 --> 00:43:23.720 align:middle line:90%
Now you're going to
be set up to receive
00:43:23.720 --> 00:43:25.580 align:middle line:84%
all the flighting that we do.
00:43:25.580 --> 00:43:27.382 align:middle line:90%
Every time we release
a preview build,
00:43:27.382 --> 00:43:28.590 align:middle line:84%
you guys are going to get it.
00:43:28.590 --> 00:43:30.090 align:middle line:90%
And you want that
because that's how
00:43:30.090 --> 00:43:33.020 align:middle line:90%
we're sending out these new
features for Microsoft Edge.
00:43:33.020 --> 00:43:34.536 align:middle line:90%
So make sure you
get the Live ID.
00:43:34.536 --> 00:43:36.160 align:middle line:90%
Make sure you go to
insider.windows.com
00:43:36.160 --> 00:43:37.612 align:middle line:84%
and register.
00:43:37.612 --> 00:43:40.070 align:middle line:90%
Along with that, there's other
information about Windows 10
00:43:40.070 --> 00:43:42.360 align:middle line:90%
in here that you can
get information on.
00:43:42.360 --> 00:43:44.210 align:middle line:90%
But ultimately, for
the crowd in here,
00:43:44.210 --> 00:43:45.960 align:middle line:90%
you guys are interested
in Microsoft Edge.
00:43:45.960 --> 00:43:47.590 align:middle line:90%
This is the best
way to test it out.
00:43:47.590 --> 00:43:49.630 align:middle line:90%
And then you can actually
bring it up in a VM
00:43:49.630 --> 00:43:51.360 align:middle line:84%
and play with all the features.
00:43:51.360 --> 00:43:55.530 align:middle line:90%
Remember that in Microsoft Edge,
you have F12 Developer Tools.
00:43:55.530 --> 00:43:57.685 align:middle line:90%
You have a ton of new
functionality available,
00:43:57.685 --> 00:43:59.560 align:middle line:90%
standards features that
are available to you,
00:43:59.560 --> 00:44:01.070 align:middle line:84%
and you want to test it out.
00:44:01.070 --> 00:44:04.000 align:middle line:90%
And remember, most
importantly, Windows 10
00:44:04.000 --> 00:44:09.480 align:middle line:90%
is going to be a free upgrade
to Windows 7, 8, and 8.1 users.
00:44:09.480 --> 00:44:11.700 align:middle line:90%
This is not us saying
we're Microsoft,
00:44:11.700 --> 00:44:14.910 align:middle line:90%
and we just think everybody's
going to buy Windows.
00:44:14.910 --> 00:44:16.750 align:middle line:90%
This is us saying
we're Microsoft,
00:44:16.750 --> 00:44:21.550 align:middle line:90%
and we are giving our users
a free upgrade to our newest
00:44:21.550 --> 00:44:23.030 align:middle line:84%
operating system.
00:44:23.030 --> 00:44:25.330 align:middle line:84%
We're going to give it away.
00:44:25.330 --> 00:44:27.430 align:middle line:90%
Nobody's going to
have to pay for that.
00:44:27.430 --> 00:44:29.490 align:middle line:84%
That's a big deal.
00:44:29.490 --> 00:44:32.180 align:middle line:90%
Think about how many people
you know use Windows day in
00:44:32.180 --> 00:44:32.880 align:middle line:84%
and day out.
00:44:32.880 --> 00:44:34.296 align:middle line:90%
And those people,
chances are, are
00:44:34.296 --> 00:44:36.850 align:middle line:90%
going to be able to
upgrade to Windows.
00:44:36.850 --> 00:44:38.260 align:middle line:84%
That's a free upgrade.
00:44:38.260 --> 00:44:40.730 align:middle line:90%
So expect that
Microsoft Edge usage
00:44:40.730 --> 00:44:43.550 align:middle line:84%
is going to climb very quickly.
00:44:43.550 --> 00:44:45.540 align:middle line:90%
So being aware of the
browser, being aware
00:44:45.540 --> 00:44:47.460 align:middle line:90%
of the features that
Microsoft Edge offers
00:44:47.460 --> 00:44:48.543 align:middle line:84%
is going to be a big deal.
00:44:48.543 --> 00:44:50.619 align:middle line:84%
00:44:50.619 --> 00:44:51.410 align:middle line:84%
Let's go back here.
00:44:51.410 --> 00:44:54.420 align:middle line:84%
00:44:54.420 --> 00:44:56.770 align:middle line:90%
So the other question
is-- and one more thing.
00:44:56.770 --> 00:44:59.820 align:middle line:90%
I have a limited
number of USB sticks.
00:44:59.820 --> 00:45:03.237 align:middle line:90%
So after the session is done,
feel free to come on over.
00:45:03.237 --> 00:45:04.820 align:middle line:90%
The great thing about
these USB sticks
00:45:04.820 --> 00:45:06.444 align:middle line:90%
is if you have a Mac
operating system--
00:45:06.444 --> 00:45:08.120 align:middle line:90%
and this is primarily
for Mac guys.
00:45:08.120 --> 00:45:09.536 align:middle line:90%
If you're on
Windows, you're going
00:45:09.536 --> 00:45:10.830 align:middle line:84%
to have to download the ISO.
00:45:10.830 --> 00:45:13.111 align:middle line:90%
But for folks on
Macs, come on over.
00:45:13.111 --> 00:45:14.735 align:middle line:90%
I have USB sticks
that you can plug-in.
00:45:14.735 --> 00:45:16.642 align:middle line:84%
It's called Windows On The Go.
00:45:16.642 --> 00:45:19.100 align:middle line:90%
And what it does is it allows
you to plug in the USB stick.
00:45:19.100 --> 00:45:22.255 align:middle line:90%
It'll reboot your PC, and you
can actually run Windows there,
00:45:22.255 --> 00:45:23.130 align:middle line:84%
which is really cool.
00:45:23.130 --> 00:45:24.630 align:middle line:90%
So that way, you don't
have to install it.
00:45:24.630 --> 00:45:26.200 align:middle line:90%
And the cool thing is you
don't have to download it.
00:45:26.200 --> 00:45:28.530 align:middle line:90%
And then you still register
with Live ID, and that way,
00:45:28.530 --> 00:45:29.740 align:middle line:84%
get into the insiders program.
00:45:29.740 --> 00:45:30.940 align:middle line:84%
And you can still flight them.
00:45:30.940 --> 00:45:32.020 align:middle line:90%
But I have them
here so make sure
00:45:32.020 --> 00:45:33.720 align:middle line:90%
that after the session's
done, come on over and ask me.
00:45:33.720 --> 00:45:35.100 align:middle line:84%
I'll get you a USB stick.
00:45:35.100 --> 00:45:38.070 align:middle line:90%
I have a limited number so
make sure you come on over.
00:45:38.070 --> 00:45:40.249 align:middle line:90%
If you guys go on and
get pastries and coffee,
00:45:40.249 --> 00:45:41.040 align:middle line:84%
you might miss out.
00:45:41.040 --> 00:45:44.064 align:middle line:90%
So come on over and I'll
be sure to help you out.
00:45:44.064 --> 00:45:44.980 align:middle line:84%
Now what about mobile?
00:45:44.980 --> 00:45:46.479 align:middle line:90%
That's another
tricky one because we
00:45:46.479 --> 00:45:49.279 align:middle line:90%
do have Windows 10 running
on our Windows Phone devices,
00:45:49.279 --> 00:45:50.820 align:middle line:90%
and we want to make
sure that you can
00:45:50.820 --> 00:45:52.570 align:middle line:84%
test Microsoft Edge on there.
00:45:52.570 --> 00:45:54.894 align:middle line:90%
And testing mobile's
always been a challenge.
00:45:54.894 --> 00:45:56.310 align:middle line:90%
It doesn't matter
which phone use,
00:45:56.310 --> 00:45:57.940 align:middle line:84%
it's always been a challenge.
00:45:57.940 --> 00:46:02.070 align:middle line:90%
And we are doing our best
to provide awesome tools
00:46:02.070 --> 00:46:03.867 align:middle line:84%
to help bridge that gap.
00:46:03.867 --> 00:46:06.200 align:middle line:90%
The first tool I'm going to
share with you is Vorlon.JS.
00:46:06.200 --> 00:46:07.520 align:middle line:84%
And I have a very cool shirt.
00:46:07.520 --> 00:46:09.790 align:middle line:90%
By the way, this shirt,
which is very cool.
00:46:09.790 --> 00:46:11.250 align:middle line:90%
And you would look very
cool, almost as cool as me
00:46:11.250 --> 00:46:11.916 align:middle line:84%
but not as cool.
00:46:11.916 --> 00:46:14.200 align:middle line:90%
But no, anyways,
are available here.
00:46:14.200 --> 00:46:16.290 align:middle line:90%
So please, as soon as
this session's done,
00:46:16.290 --> 00:46:18.240 align:middle line:90%
feel free to come on and
grab a couple shirts.
00:46:18.240 --> 00:46:19.620 align:middle line:84%
Vorlon.JS is awesome.
00:46:19.620 --> 00:46:22.175 align:middle line:84%
Check it out at vorlonjs.com.
00:46:22.175 --> 00:46:24.050 align:middle line:90%
The reason I'm so proud
of it is because it's
00:46:24.050 --> 00:46:28.140 align:middle line:90%
created by my teammates,
David Catuhe, David Rousset,
00:46:28.140 --> 00:46:31.180 align:middle line:90%
and Daniel Buckner--
awesome developers.
00:46:31.180 --> 00:46:33.910 align:middle line:90%
They're trying to basically
create an open source
00:46:33.910 --> 00:46:36.660 align:middle line:90%
framework that allows you
to do remote debugging
00:46:36.660 --> 00:46:38.065 align:middle line:84%
on any type of device.
00:46:38.065 --> 00:46:39.460 align:middle line:84%
It's platform-agnostic.
00:46:39.460 --> 00:46:41.100 align:middle line:90%
So if you want to
do remote debugging
00:46:41.100 --> 00:46:45.322 align:middle line:90%
from your Mac to a Windows
PC, more power to you.
00:46:45.322 --> 00:46:46.780 align:middle line:90%
But the real sweet
spot is when you
00:46:46.780 --> 00:46:49.160 align:middle line:90%
want to go ahead and
do remote debugging
00:46:49.160 --> 00:46:52.240 align:middle line:90%
across multiple, smaller
form factors, whether it's
00:46:52.240 --> 00:46:56.120 align:middle line:90%
a tablet device, or whether it's
a Windows Phone, or an Android
00:46:56.120 --> 00:46:57.300 align:middle line:84%
phone, or whatever it is.
00:46:57.300 --> 00:46:59.530 align:middle line:90%
The great thing is that
it's platform-agnostic
00:46:59.530 --> 00:47:01.680 align:middle line:84%
so it runs on Node.js.
00:47:01.680 --> 00:47:05.470 align:middle line:90%
It uses Socket.IO to communicate
back and forth to the server.
00:47:05.470 --> 00:47:09.120 align:middle line:90%
And the other part that
I love, which is unique--
00:47:09.120 --> 00:47:12.030 align:middle line:90%
because there's other services
that are very similar-- this
00:47:12.030 --> 00:47:14.890 align:middle line:84%
has a plug-in ecosystem.
00:47:14.890 --> 00:47:18.120 align:middle line:90%
It's an extensibility model
that allows you guys to actually
00:47:18.120 --> 00:47:19.890 align:middle line:84%
contribute to it.
00:47:19.890 --> 00:47:22.160 align:middle line:90%
So you create plug-ins
that extend out
00:47:22.160 --> 00:47:24.320 align:middle line:84%
Vorlon to add more features.
00:47:24.320 --> 00:47:26.410 align:middle line:90%
And again, we're
making this open source
00:47:26.410 --> 00:47:28.050 align:middle line:90%
because we want you
guys to contribute.
00:47:28.050 --> 00:47:30.347 align:middle line:90%
We want the community
jump in and help us out.
00:47:30.347 --> 00:47:31.930 align:middle line:90%
So let me show you
a quick demo of it,
00:47:31.930 --> 00:47:33.638 align:middle line:90%
because I know we're
running out of time.
00:47:33.638 --> 00:47:35.320 align:middle line:84%
I'm seeing there.
00:47:35.320 --> 00:47:37.136 align:middle line:84%
I'll bring up local host.
00:47:37.136 --> 00:47:37.760 align:middle line:84%
That's running.
00:47:37.760 --> 00:47:38.260 align:middle line:84%
Great.
00:47:38.260 --> 00:47:42.097 align:middle line:90%
And then I'm going to
bring up Vorlon here.
00:47:42.097 --> 00:47:42.930 align:middle line:84%
So Vorlon's running.
00:47:42.930 --> 00:47:44.930 align:middle line:90%
This is just an MPM
module, basically.
00:47:44.930 --> 00:47:48.280 align:middle line:90%
So what I'm going to do here
is-- let me go to my browser.
00:47:48.280 --> 00:47:49.820 align:middle line:84%
Bear with me a second.
00:47:49.820 --> 00:47:51.450 align:middle line:84%
So I'll close this out.
00:47:51.450 --> 00:47:52.327 align:middle line:84%
And here's RepCord.
00:47:52.327 --> 00:47:53.160 align:middle line:84%
I'm running RepCord.
00:47:53.160 --> 00:47:54.720 align:middle line:84%
Let me remember that.
00:47:54.720 --> 00:47:57.570 align:middle line:90%
I'll bring it here using my
favorite tool called Divvy.
00:47:57.570 --> 00:47:58.910 align:middle line:84%
And I'm going to go here.
00:47:58.910 --> 00:48:00.326 align:middle line:90%
And I'm going to
go to local host.
00:48:00.326 --> 00:48:03.180 align:middle line:84%
00:48:03.180 --> 00:48:07.570 align:middle line:90%
So when I do this, what happens
is I'm bringing up Vorlon.
00:48:07.570 --> 00:48:09.260 align:middle line:84%
This is the Vorlon dashboard.
00:48:09.260 --> 00:48:13.160 align:middle line:90%
Vorlon will allow me to inspect
my elements on this page.
00:48:13.160 --> 00:48:15.625 align:middle line:90%
It's still in its early stages
so some of the functionality
00:48:15.625 --> 00:48:19.074 align:middle line:90%
that you guys might expect like
JavaScript inspection of events
00:48:19.074 --> 00:48:20.490 align:middle line:90%
and things like
that is not there,
00:48:20.490 --> 00:48:21.970 align:middle line:84%
but that's being developed.
00:48:21.970 --> 00:48:23.804 align:middle line:90%
Now right off the
bat, nothing's going
00:48:23.804 --> 00:48:25.720 align:middle line:90%
to happen because
basically, what I have to do
00:48:25.720 --> 00:48:27.680 align:middle line:90%
is include a little
snippet of JavaScript.
00:48:27.680 --> 00:48:32.390 align:middle line:90%
So I'm going to open up the New
Visual Studio Code Developer
00:48:32.390 --> 00:48:33.010 align:middle line:84%
Editor.
00:48:33.010 --> 00:48:34.384 align:middle line:84%
This is awesome.
00:48:34.384 --> 00:48:36.050 align:middle line:90%
By the way, when you
guys were asking us
00:48:36.050 --> 00:48:38.890 align:middle line:90%
about cross-platform in our
browser, think about the fact
00:48:38.890 --> 00:48:43.970 align:middle line:90%
that we now have a code
editor that runs on Windows,
00:48:43.970 --> 00:48:47.050 align:middle line:90%
natively on OS X, and
natively on Linux.
00:48:47.050 --> 00:48:49.297 align:middle line:90%
Did you guys ever think
that would happen?
00:48:49.297 --> 00:48:50.380 align:middle line:84%
This is a pretty big deal.
00:48:50.380 --> 00:48:51.530 align:middle line:84%
So this is code.
00:48:51.530 --> 00:48:53.571 align:middle line:90%
And notice I have this
little snippet right here.
00:48:53.571 --> 00:48:55.180 align:middle line:90%
I commented it out
just for easy use.
00:48:55.180 --> 00:48:58.780 align:middle line:90%
And so by putting in this
little snippet of code,
00:48:58.780 --> 00:49:02.990 align:middle line:90%
what I'm able to do is enable
Vorlon to actually communicate
00:49:02.990 --> 00:49:04.090 align:middle line:84%
with my app.
00:49:04.090 --> 00:49:06.070 align:middle line:84%
So I'll go back to my browser.
00:49:06.070 --> 00:49:09.050 align:middle line:84%
Here's my RepCord site.
00:49:09.050 --> 00:49:10.212 align:middle line:84%
So I'll refresh this now.
00:49:10.212 --> 00:49:12.170 align:middle line:90%
And once I refresh it,
notice that basically, I
00:49:12.170 --> 00:49:14.820 align:middle line:90%
get this little doohickey
right here, this little thing.
00:49:14.820 --> 00:49:18.220 align:middle line:90%
And basically, now I have
access to all my DOM elements.
00:49:18.220 --> 00:49:20.280 align:middle line:90%
So when I click here,
you'll see things
00:49:20.280 --> 00:49:21.950 align:middle line:84%
start getting highlighted.
00:49:21.950 --> 00:49:23.260 align:middle line:84%
I can inspect what's going on.
00:49:23.260 --> 00:49:25.820 align:middle line:90%
I can change information about--
let me just move this panel
00:49:25.820 --> 00:49:26.778 align:middle line:84%
just a little bit over.
00:49:26.778 --> 00:49:28.720 align:middle line:90%
So basically, if I
want to go and say
00:49:28.720 --> 00:49:30.340 align:middle line:90%
I'm going to change--
I don't know.
00:49:30.340 --> 00:49:31.490 align:middle line:84%
Let's go to the motto.
00:49:31.490 --> 00:49:33.759 align:middle line:84%
Motto's a little bit easier.
00:49:33.759 --> 00:49:34.300 align:middle line:84%
I don't know.
00:49:34.300 --> 00:49:36.780 align:middle line:90%
Let's say I want
to make margin top
00:49:36.780 --> 00:49:38.862 align:middle line:90%
100 pixels, which
would be crazy.
00:49:38.862 --> 00:49:41.070 align:middle line:90%
But I can do that, and it
changes around immediately.
00:49:41.070 --> 00:49:44.780 align:middle line:90%
So you can see immediate effect
of how code changes that you do
00:49:44.780 --> 00:49:47.840 align:middle line:84%
will affect your website.
00:49:47.840 --> 00:49:50.297 align:middle line:90%
The impact here on a desktop
browser isn't that big.
00:49:50.297 --> 00:49:52.380 align:middle line:90%
You're probably saying,
well, what's the big deal?
00:49:52.380 --> 00:49:55.090 align:middle line:90%
Think about it when you're
talking about a mobile browser
00:49:55.090 --> 00:49:57.910 align:middle line:90%
where you don't have developer
tools available to you.
00:49:57.910 --> 00:50:00.010 align:middle line:84%
This is incredibly useful.
00:50:00.010 --> 00:50:02.470 align:middle line:90%
And again, while Vorlon
is just starting off,
00:50:02.470 --> 00:50:04.970 align:middle line:90%
think about the fact we have
an extensibility model in there
00:50:04.970 --> 00:50:08.030 align:middle line:90%
that allows you guys to
add all types of things.
00:50:08.030 --> 00:50:10.010 align:middle line:90%
How many of you
used jQuery before?
00:50:10.010 --> 00:50:12.449 align:middle line:90%
How many of you used
a jQuery plug-in?
00:50:12.449 --> 00:50:14.490 align:middle line:90%
Wasn't it awesome when
you were able to say, wow.
00:50:14.490 --> 00:50:15.614 align:middle line:84%
That plug-in's really cool?
00:50:15.614 --> 00:50:18.640 align:middle line:90%
Or when you created a
plug-in that enhanced jQuery?
00:50:18.640 --> 00:50:19.840 align:middle line:84%
That's amazing.
00:50:19.840 --> 00:50:21.640 align:middle line:84%
So Vorlon allows you to do that.
00:50:21.640 --> 00:50:23.450 align:middle line:90%
It also gives you an
access to a console
00:50:23.450 --> 00:50:27.204 align:middle line:90%
so you can pull information
out or start affecting things.
00:50:27.204 --> 00:50:28.620 align:middle line:90%
And again, I'm
running out of time
00:50:28.620 --> 00:50:30.890 align:middle line:90%
so I'm going to go a
little bit fast on this,
00:50:30.890 --> 00:50:33.320 align:middle line:90%
but definitely check
it out-- vorlonjs.com
00:50:33.320 --> 00:50:33.820 align:middle line:84%
Try it out.
00:50:33.820 --> 00:50:35.390 align:middle line:84%
It's incredibly simple to use.
00:50:35.390 --> 00:50:39.571 align:middle line:90%
It's an MPM module so you just
need to do mpm i-g vorlon.
00:50:39.571 --> 00:50:40.070 align:middle line:84%
Boom.
00:50:40.070 --> 00:50:42.800 align:middle line:90%
Install it, and it's
available to you.
00:50:42.800 --> 00:50:46.280 align:middle line:90%
The other tool that I
recommend that I've used also
00:50:46.280 --> 00:50:47.410 align:middle line:84%
is called weinre.
00:50:47.410 --> 00:50:49.140 align:middle line:90%
How many of you used
weinre in the past?
00:50:49.140 --> 00:50:49.820 align:middle line:84%
Great tool.
00:50:49.820 --> 00:50:50.617 align:middle line:84%
Awesome tool.
00:50:50.617 --> 00:50:52.700 align:middle line:90%
So if I go to weinre, this
one's a little bit more
00:50:52.700 --> 00:50:54.990 align:middle line:90%
involved to get going, so
let me cancel here Vorlon.
00:50:54.990 --> 00:50:55.490 align:middle line:84%
Boom.
00:50:55.490 --> 00:50:56.280 align:middle line:84%
I'll cancel there.
00:50:56.280 --> 00:51:03.585 align:middle line:90%
And let me see. weinre
is-- weinre-http port,
00:51:03.585 --> 00:51:07.180 align:middle line:90%
and I think it's
8081 if I remember.
00:51:07.180 --> 00:51:07.760 align:middle line:84%
Oh, sorry.
00:51:07.760 --> 00:51:09.720 align:middle line:84%
Thank you.
00:51:09.720 --> 00:51:10.800 align:middle line:84%
Get rid of that H. Boom.
00:51:10.800 --> 00:51:12.090 align:middle line:84%
And I'll run weinre now.
00:51:12.090 --> 00:51:15.530 align:middle line:90%
And when I go here,
back to my browser--
00:51:15.530 --> 00:51:18.820 align:middle line:84%
let me get rid of this one.
00:51:18.820 --> 00:51:19.950 align:middle line:84%
8081.
00:51:19.950 --> 00:51:20.450 align:middle line:84%
Boom.
00:51:20.450 --> 00:51:21.033 align:middle line:84%
Bring that up.
00:51:21.033 --> 00:51:22.700 align:middle line:90%
Let me do one code
change in here.
00:51:22.700 --> 00:51:23.950 align:middle line:90%
I want to get real
of this code snippet
00:51:23.950 --> 00:51:25.533 align:middle line:90%
now because I don't
need this anymore.
00:51:25.533 --> 00:51:28.550 align:middle line:84%
00:51:28.550 --> 00:51:32.160 align:middle line:90%
And notice that weinre
comes up, and it gives me
00:51:32.160 --> 00:51:33.280 align:middle line:84%
a client to work with.
00:51:33.280 --> 00:51:34.890 align:middle line:90%
The client is what
basically turns out
00:51:34.890 --> 00:51:36.050 align:middle line:84%
to be debugging tools.
00:51:36.050 --> 00:51:37.890 align:middle line:90%
So if I click on
Elements, nothing's here.
00:51:37.890 --> 00:51:39.390 align:middle line:90%
The one thing I do
love about weinre
00:51:39.390 --> 00:51:41.990 align:middle line:90%
though is that they have a
little bookmarklet, basically.
00:51:41.990 --> 00:51:43.865 align:middle line:90%
I can go ahead and click
on this bookmarklet,
00:51:43.865 --> 00:51:45.860 align:middle line:90%
and once I do that, all
my DOM elements appear.
00:51:45.860 --> 00:51:47.193 align:middle line:84%
They have a host of information.
00:51:47.193 --> 00:51:50.362 align:middle line:90%
So again, very similar to
Vorlon in that case, where
00:51:50.362 --> 00:51:51.820 align:middle line:90%
I can go ahead and
expand this out,
00:51:51.820 --> 00:51:55.282 align:middle line:90%
and it gives me access to
different parts of the DOM.
00:51:55.282 --> 00:51:57.240 align:middle line:90%
And it allows me to
inspect elements and affect
00:51:57.240 --> 00:51:58.240 align:middle line:84%
those elements.
00:51:58.240 --> 00:51:58.782 align:middle line:84%
Same concept.
00:51:58.782 --> 00:52:00.531 align:middle line:90%
It's a little bit more
mature because it's
00:52:00.531 --> 00:52:01.620 align:middle line:84%
been around a lot longer.
00:52:01.620 --> 00:52:03.030 align:middle line:90%
And the reason I continue
to promote Vorlon
00:52:03.030 --> 00:52:05.050 align:middle line:90%
is because I know the
guys that are building it,
00:52:05.050 --> 00:52:06.591 align:middle line:90%
and I know the work
that we do, and I
00:52:06.591 --> 00:52:08.590 align:middle line:90%
know that we are very
committed to building
00:52:08.590 --> 00:52:10.430 align:middle line:84%
a solid, open source framework.
00:52:10.430 --> 00:52:13.090 align:middle line:90%
So I'm very excited about that,
but weinre's a good alternative
00:52:13.090 --> 00:52:14.070 align:middle line:84%
as well.
00:52:14.070 --> 00:52:15.120 align:middle line:84%
So please check that out.
00:52:15.120 --> 00:52:17.530 align:middle line:90%
I think it's another
solid tool that you
00:52:17.530 --> 00:52:22.300 align:middle line:90%
can add to your arsenal
to test out stuff.
00:52:22.300 --> 00:52:27.550 align:middle line:90%
From here, we can also go ahead
and use Adobe Edge Inspect.
00:52:27.550 --> 00:52:30.860 align:middle line:90%
My teammate Aaron Gustafson is
an expert in Adobe Edge Inspect
00:52:30.860 --> 00:52:32.780 align:middle line:90%
because he runs a
mobile device lab.
00:52:32.780 --> 00:52:33.832 align:middle line:84%
Please find him.
00:52:33.832 --> 00:52:35.040 align:middle line:84%
He can talk you all about it.
00:52:35.040 --> 00:52:37.280 align:middle line:90%
I've never used it, but he
said it's a really great tool,
00:52:37.280 --> 00:52:38.890 align:middle line:90%
and I want to make
sure it's listed.
00:52:38.890 --> 00:52:41.340 align:middle line:90%
Also, Ghostlab is a new
tool that just came out,
00:52:41.340 --> 00:52:44.120 align:middle line:84%
and it looks awesome.
00:52:44.120 --> 00:52:46.806 align:middle line:90%
Again, I haven't used it, but
it might be worth checking out.
00:52:46.806 --> 00:52:48.180 align:middle line:90%
It's a paid service,
but again, I
00:52:48.180 --> 00:52:50.620 align:middle line:90%
don't mind paying for stuff
that solves my problems
00:52:50.620 --> 00:52:52.740 align:middle line:90%
and gives me a good
developer workflow.
00:52:52.740 --> 00:52:55.010 align:middle line:90%
The last question I
keep asking is headless.
00:52:55.010 --> 00:52:57.510 align:middle line:90%
Are we going to have a headless
version of Internet Explorer
00:52:57.510 --> 00:52:59.380 align:middle line:90%
or a headless version
of Microsoft Edge?
00:52:59.380 --> 00:53:00.111 align:middle line:84%
Not yet.
00:53:00.111 --> 00:53:02.610 align:middle line:90%
This is something that we're
harping on the engineering team
00:53:02.610 --> 00:53:04.470 align:middle line:90%
quite a bit, and
they're listening.
00:53:04.470 --> 00:53:06.240 align:middle line:90%
They're looking
at ways that they
00:53:06.240 --> 00:53:09.280 align:middle line:90%
can offer a headless
version of our browser.
00:53:09.280 --> 00:53:11.030 align:middle line:90%
Not something that we
have available right
00:53:11.030 --> 00:53:13.099 align:middle line:90%
now, but hopefully
in the near future,
00:53:13.099 --> 00:53:14.140 align:middle line:84%
we'll be able to do that.
00:53:14.140 --> 00:53:15.681 align:middle line:90%
And that'll make it
easy for you guys
00:53:15.681 --> 00:53:18.056 align:middle line:90%
to drop it into your
developer workflow.
00:53:18.056 --> 00:53:19.430 align:middle line:90%
And we're continuously
improving.
00:53:19.430 --> 00:53:21.640 align:middle line:90%
We're always
looking for new ways
00:53:21.640 --> 00:53:23.890 align:middle line:90%
to help you guys
build your sites.
00:53:23.890 --> 00:53:26.160 align:middle line:90%
We're always looking at
virtualization software
00:53:26.160 --> 00:53:28.490 align:middle line:90%
tooling, enhancing
our F12 Tools,
00:53:28.490 --> 00:53:30.070 align:middle line:84%
but we need your feedback.
00:53:30.070 --> 00:53:32.590 align:middle line:90%
And if you see things that
you think can help you out,
00:53:32.590 --> 00:53:34.840 align:middle line:90%
things that we can do better,
the great thing about it
00:53:34.840 --> 00:53:37.340 align:middle line:90%
is you have myself, you have
Christian, you have Aaron,
00:53:37.340 --> 00:53:38.070 align:middle line:84%
you have Charles.
00:53:38.070 --> 00:53:40.697 align:middle line:90%
You have a massive engineering
team that's available to you
00:53:40.697 --> 00:53:41.780 align:middle line:84%
guys, and we're listening.
00:53:41.780 --> 00:53:42.904 align:middle line:84%
And we're very transparent.
00:53:42.904 --> 00:53:44.220 align:middle line:84%
We're very open.
00:53:44.220 --> 00:53:46.194 align:middle line:90%
And guys, we are part
of the community.
00:53:46.194 --> 00:53:48.610 align:middle line:90%
When I tell you that we're
serious about listening to what
00:53:48.610 --> 00:53:51.380 align:middle line:90%
you guys are going
through, this right
00:53:51.380 --> 00:53:53.110 align:middle line:84%
here is a testament to it.
00:53:53.110 --> 00:53:55.820 align:middle line:90%
The fact that we use the
devices that you're using
00:53:55.820 --> 00:53:58.200 align:middle line:90%
should be a testament to
it that we're serious.
00:53:58.200 --> 00:54:00.660 align:middle line:90%
I never thought that
at Microsoft, this
00:54:00.660 --> 00:54:03.490 align:middle line:90%
would be my standard
issue machine, but it is.
00:54:03.490 --> 00:54:06.280 align:middle line:90%
Because it's important
for us to understand how
00:54:06.280 --> 00:54:09.090 align:middle line:90%
developers work,
and the pain points
00:54:09.090 --> 00:54:12.260 align:middle line:90%
that you guys have so that
we can solve those problems.
00:54:12.260 --> 00:54:14.910 align:middle line:90%
So please, please,
give us your feedback.
00:54:14.910 --> 00:54:15.780 align:middle line:84%
Come and talk to us.
00:54:15.780 --> 00:54:16.549 align:middle line:84%
We're always here.
00:54:16.549 --> 00:54:19.090 align:middle line:90%
Some quick resources that are
going to make your life easier,
00:54:19.090 --> 00:54:22.990 align:middle line:90%
again, the Microsoft Edge
Dev Portal, dev.modern.ie.
00:54:22.990 --> 00:54:24.470 align:middle line:84%
Of course, we have the new blog.
00:54:24.470 --> 00:54:27.590 align:middle line:90%
You can we get to the blog
right from that portal.
00:54:27.590 --> 00:54:30.340 align:middle line:90%
And follow the MS
Edge Dev Twitter
00:54:30.340 --> 00:54:32.930 align:middle line:90%
account, because we're always
posting information out there,
00:54:32.930 --> 00:54:36.510 align:middle line:90%
and the F12 Tools, which
is MS Edge Dev Tools.
00:54:36.510 --> 00:54:38.510 align:middle line:90%
So with that, thank you
very much for your time.
00:54:38.510 --> 00:54:39.551 align:middle line:84%
Thank you for being here.
00:54:39.551 --> 00:54:43.840 align:middle line:90%
I know it's taking time
away from your daily job.
00:54:43.840 --> 00:54:46.550 align:middle line:90%
But hopefully you'll find
this information valuable.
00:54:46.550 --> 00:54:50.175 align:middle line:90%
You'll find our desire
to help you important,
00:54:50.175 --> 00:54:52.300 align:middle line:90%
and we're going to continue
to be here for you guys
00:54:52.300 --> 00:54:54.910 align:middle line:90%
and give you the best possible
experience on our browser.
00:54:54.910 --> 00:54:55.993 align:middle line:84%
Thank you very much, guys.
00:54:55.993 --> 00:54:59.285 align:middle line:84%
00:54:59.285 --> 00:55:01.660 align:middle line:90%
So with that, I'm going to
open it up to quick questions.
00:55:01.660 --> 00:55:04.950 align:middle line:84%
We have about five minutes.
00:55:04.950 --> 00:55:07.910 align:middle line:90%
So you could use Vorlon and
use ngrok to point to it,
00:55:07.910 --> 00:55:09.490 align:middle line:84%
and then use in a live server.
00:55:09.490 --> 00:55:11.700 align:middle line:84%
That would be interesting.
00:55:11.700 --> 00:55:12.450 align:middle line:84%
Let's try it out.
00:55:12.450 --> 00:55:14.490 align:middle line:90%
Or you use Firefox
that has it built-in.
00:55:14.490 --> 00:55:14.990 align:middle line:84%
Yeah.
00:55:14.990 --> 00:55:15.823 align:middle line:84%
Something like that.
00:55:15.823 --> 00:55:18.352 align:middle line:84%
Yeah, so any questions for that?
00:55:18.352 --> 00:55:19.560 align:middle line:84%
There's a lot of information.
00:55:19.560 --> 00:55:24.760 align:middle line:84%
00:55:24.760 --> 00:55:25.962 align:middle line:84%
Yeah?
00:55:25.962 --> 00:55:28.656 align:middle line:90%
So You talked earlier
about the enterprise
00:55:28.656 --> 00:55:30.822 align:middle line:90%
having trouble with browsers
that refresh themselves
00:55:30.822 --> 00:55:32.928 align:middle line:84%
every six weeks like Edge does.
00:55:32.928 --> 00:55:34.386 align:middle line:90%
Does that mean that
we're not going
00:55:34.386 --> 00:55:38.069 align:middle line:90%
to be able to see enterprise
using Edge in the near future?
00:55:38.069 --> 00:55:39.110 align:middle line:84%
How would you solve that?
00:55:39.110 --> 00:55:39.470 align:middle line:84%
Sure.
00:55:39.470 --> 00:55:41.803 align:middle line:90%
So with enterprises, one of
the things that we've always
00:55:41.803 --> 00:55:44.200 align:middle line:90%
been committed to is giving
them the tools they need
00:55:44.200 --> 00:55:46.320 align:middle line:90%
to be able to update on
the cadence that they feel
00:55:46.320 --> 00:55:47.470 align:middle line:84%
is important.
00:55:47.470 --> 00:55:50.050 align:middle line:90%
So even with Microsoft
Edge, down the road,
00:55:50.050 --> 00:55:51.880 align:middle line:90%
they'll continue to
have that tooling.
00:55:51.880 --> 00:55:53.950 align:middle line:90%
They're going to make a
decision when they want
00:55:53.950 --> 00:55:55.430 align:middle line:84%
to be able to move forward.
00:55:55.430 --> 00:55:58.110 align:middle line:90%
So we haven't come up with
a complete strategy on that.
00:55:58.110 --> 00:56:00.490 align:middle line:90%
It is still evolving, but
we're working with enterprises
00:56:00.490 --> 00:56:02.380 align:middle line:90%
all the time to figure
out what is the best
00:56:02.380 --> 00:56:05.510 align:middle line:90%
possible way for them to be
able to upgrade to the newest
00:56:05.510 --> 00:56:07.760 align:middle line:90%
version of the
browsers and continue
00:56:07.760 --> 00:56:10.349 align:middle line:90%
to be able to support their
customers and their businesses.
00:56:10.349 --> 00:56:12.140 align:middle line:90%
So it's not to say that
they won't upgrade.
00:56:12.140 --> 00:56:14.240 align:middle line:90%
It's just to say that they
may have different needs,
00:56:14.240 --> 00:56:15.570 align:middle line:90%
and we have to have great
conversations with them
00:56:15.570 --> 00:56:16.695 align:middle line:84%
and make sure we tackle it.
00:56:16.695 --> 00:56:19.355 align:middle line:84%
00:56:19.355 --> 00:56:23.315 align:middle line:90%
Or Vorlon, like you said,
very plug-in friendly.
00:56:23.315 --> 00:56:28.265 align:middle line:90%
Can you extend the DOM and
extend the-- whenever someone
00:56:28.265 --> 00:56:32.720 align:middle line:90%
changes CSS variables,
[INAUDIBLE].
00:56:32.720 --> 00:56:34.220 align:middle line:84%
Is that possible right now?
00:56:34.220 --> 00:56:36.720 align:middle line:90%
So with Vorlon right now,
the great thing about it
00:56:36.720 --> 00:56:39.840 align:middle line:90%
is that it's so new that
adding new features,
00:56:39.840 --> 00:56:42.550 align:middle line:90%
you can add whatever
features you want to it.
00:56:42.550 --> 00:56:43.970 align:middle line:84%
It's all JavaScript-based.
00:56:43.970 --> 00:56:46.265 align:middle line:90%
So whatever JavaScript
can provide,
00:56:46.265 --> 00:56:48.390 align:middle line:90%
you should be able to create
a plug-in that's going
00:56:48.390 --> 00:56:49.820 align:middle line:84%
to allow that extensibility.
00:56:49.820 --> 00:56:53.360 align:middle line:90%
I wish my teammates, the two
Davids and Daniel Buckner
00:56:53.360 --> 00:56:55.410 align:middle line:90%
were here, but
please seek them out,
00:56:55.410 --> 00:56:57.110 align:middle line:90%
because they are the ones that
are working on that day in
00:56:57.110 --> 00:56:57.610 align:middle line:84%
and day out.
00:56:57.610 --> 00:56:59.739 align:middle line:90%
And they can answer
that question for you.
00:56:59.739 --> 00:57:01.280 align:middle line:90%
It's awkward because
they're actually
00:57:01.280 --> 00:57:03.010 align:middle line:90%
in the other room giving
a presentation right now.
00:57:03.010 --> 00:57:03.591 align:middle line:84%
There you go.
00:57:03.591 --> 00:57:05.590 align:middle line:90%
So if you want to know
anything about F12 Tools,
00:57:05.590 --> 00:57:06.570 align:middle line:90%
you should have been
in the other room
00:57:06.570 --> 00:57:07.528 align:middle line:84%
while this talk was on.
00:57:07.528 --> 00:57:11.207 align:middle line:84%
00:57:11.207 --> 00:57:12.040 align:middle line:84%
Any other questions?
00:57:12.040 --> 00:57:13.920 align:middle line:84%
Yeah?
00:57:13.920 --> 00:57:18.671 align:middle line:90%
Your virtual browsers are great,
many modern web applications
00:57:18.671 --> 00:57:22.599 align:middle line:90%
require WebGL and
hardware accelerations.
00:57:22.599 --> 00:57:26.050 align:middle line:90%
What's your advice
for [INAUDIBLE]?
00:57:26.050 --> 00:57:29.590 align:middle line:90%
So the question is
within the VMs, when
00:57:29.590 --> 00:57:32.950 align:middle line:90%
you require WebGL and
hardware acceleration,
00:57:32.950 --> 00:57:34.220 align:middle line:84%
how do you tackle that?
00:57:34.220 --> 00:57:36.261 align:middle line:90%
Well, the great thing is
in Internet Explorer 11,
00:57:36.261 --> 00:57:36.930 align:middle line:84%
we have WebGL.
00:57:36.930 --> 00:57:38.410 align:middle line:90%
The hardware acceleration's
a little bit tougher
00:57:38.410 --> 00:57:40.910 align:middle line:90%
because that's not provided
in virtualization software.
00:57:40.910 --> 00:57:43.920 align:middle line:90%
So you're not going to get
that enhanced performance.
00:57:43.920 --> 00:57:46.610 align:middle line:90%
The main thing
behind that is just
00:57:46.610 --> 00:57:49.432 align:middle line:90%
to have the ability to
test out the core features.
00:57:49.432 --> 00:57:50.890 align:middle line:90%
I always recommend
that if you need
00:57:50.890 --> 00:57:54.140 align:middle line:90%
to test out for true
performance, especially when it
00:57:54.140 --> 00:57:55.840 align:middle line:90%
comes to hardware
acceleration, then
00:57:55.840 --> 00:57:58.030 align:middle line:90%
you're going to have to have
a dedicated machine for that.
00:57:58.030 --> 00:57:59.696 align:middle line:90%
Because you're going
to want to see what
00:57:59.696 --> 00:58:00.720 align:middle line:84%
that hardware provides.
00:58:00.720 --> 00:58:03.260 align:middle line:90%
And every bit of
hardware, whether you're
00:58:03.260 --> 00:58:06.990 align:middle line:90%
on am i3, an i5, or an i7, and
depending on how much memory
00:58:06.990 --> 00:58:09.369 align:middle line:90%
you have, and what
your GPU processor is,
00:58:09.369 --> 00:58:11.410 align:middle line:90%
that's going to give you
a different performance.
00:58:11.410 --> 00:58:13.430 align:middle line:90%
So you want to have
hardware that's
00:58:13.430 --> 00:58:16.490 align:middle line:90%
representative of the customer
base that you're working with.
00:58:16.490 --> 00:58:17.990 align:middle line:90%
The VMs will get
you part of the way
00:58:17.990 --> 00:58:20.570 align:middle line:90%
there when you're dealing
with hardware acceleration
00:58:20.570 --> 00:58:21.760 align:middle line:84%
and things like that.
00:58:21.760 --> 00:58:24.300 align:middle line:90%
But for true
testing, you're going
00:58:24.300 --> 00:58:25.740 align:middle line:84%
to want to have a machine.
00:58:25.740 --> 00:58:27.615 align:middle line:90%
That's going to be my
recommendation on that.
00:58:27.615 --> 00:58:30.745 align:middle line:84%
00:58:30.745 --> 00:58:31.660 align:middle line:84%
Kyle?
00:58:31.660 --> 00:58:34.090 align:middle line:90%
Along those same lines, what
about the other hardware
00:58:34.090 --> 00:58:37.670 align:middle line:90%
integration or OS
integrations that we saw?
00:58:37.670 --> 00:58:40.780 align:middle line:90%
Like the various touch,
speaking to my website-- things
00:58:40.780 --> 00:58:41.300 align:middle line:84%
like that.
00:58:41.300 --> 00:58:43.450 align:middle line:84%
Do those VMs support it?
00:58:43.450 --> 00:58:45.177 align:middle line:90%
If I talk to my
main machine, is it
00:58:45.177 --> 00:58:46.510 align:middle line:84%
going to send that voice across?
00:58:46.510 --> 00:58:49.058 align:middle line:84%
00:58:49.058 --> 00:58:51.700 align:middle line:90%
I don't have an answer
of whether the VMs will
00:58:51.700 --> 00:58:55.570 align:middle line:90%
go ahead and enable those APIs
which have voice and touch,
00:58:55.570 --> 00:58:58.037 align:middle line:90%
but I know that the
engineering team-- Christian,
00:58:58.037 --> 00:58:59.620 align:middle line:90%
did you want to add
something to that?
00:58:59.620 --> 00:59:01.380 align:middle line:90%
I'm sorry I don't have
an answer for that one.
00:59:01.380 --> 00:59:03.505 align:middle line:90%
I wouldn't think so because
it's more of a security
00:59:03.505 --> 00:59:04.930 align:middle line:84%
problem than anything else.
00:59:04.930 --> 00:59:07.429 align:middle line:90%
I mean, the same way, I would
love to have a JavaScript that
00:59:07.429 --> 00:59:09.840 align:middle line:90%
increases my RAM size,
but normally it doesn't.
00:59:09.840 --> 00:59:13.160 align:middle line:90%
So virtualization
gets you so far.
00:59:13.160 --> 00:59:15.910 align:middle line:90%
And also in this case, you
also get into the same problem
00:59:15.910 --> 00:59:16.950 align:middle line:84%
with mobile testing.
00:59:16.950 --> 00:59:20.050 align:middle line:90%
You can do a mobile simulator,
but for real testing,
00:59:20.050 --> 00:59:22.342 align:middle line:90%
you have to get the phone in
your hand sooner or later.
00:59:22.342 --> 00:59:23.883 align:middle line:90%
And that's when
something like Vorlon
00:59:23.883 --> 00:59:25.820 align:middle line:90%
becomes more interesting,
because for example,
00:59:25.820 --> 00:59:28.070 align:middle line:90%
accelerometer testing--
in Chrome Dev Tools,
00:59:28.070 --> 00:59:29.557 align:middle line:90%
you can simulate
an accelerometer,
00:59:29.557 --> 00:59:31.140 align:middle line:90%
but if you really
make a game with it,
00:59:31.140 --> 00:59:33.760 align:middle line:90%
you want to have the
hardware in your hands.
00:59:33.760 --> 00:59:36.179 align:middle line:90%
So the voice recognition
and these kind of things,
00:59:36.179 --> 00:59:37.720 align:middle line:90%
I don't think get
through, especially
00:59:37.720 --> 00:59:40.140 align:middle line:90%
with the binary plug-ins
not working anymore
00:59:40.140 --> 00:59:42.510 align:middle line:84%
in most browsers at the moment.
00:59:42.510 --> 00:59:43.010 align:middle line:84%
Cool.
00:59:43.010 --> 00:59:44.530 align:middle line:90%
So, guys, we have
one minute left.
00:59:44.530 --> 00:59:46.180 align:middle line:90%
I know Christian
needs to jump on.
00:59:46.180 --> 00:59:48.760 align:middle line:90%
So I'm going to be
outside, and I'm
00:59:48.760 --> 00:59:51.200 align:middle line:90%
happy to take any more questions
that you guys might have.
00:59:51.200 --> 00:59:53.034 align:middle line:90%
So thank you again for
coming to my session.
00:59:53.034 --> 00:59:54.658 align:middle line:90%
I really appreciate,
and hopefully I've
00:59:54.658 --> 00:59:56.140 align:middle line:84%
helped you guys out in some way.
00:59:56.140 --> 00:59:59.552 align:middle line:90%
And I'm Rey Bango,
R-E-Y Bango on Twitter.
00:59:59.552 --> 01:00:00.260 align:middle line:84%
Please hit me up.
01:00:00.260 --> 01:00:02.910 align:middle line:90%
And I'm always happy to help
you guys out in whatever I can.
01:00:02.910 --> 01:00:04.220 align:middle line:84%
Thanks a lot.
01:00:04.220 --> 01:00:05.770 align:middle line:84%
Excellent.
01:00:05.770 --> 01:00:06.613 align:middle line:84%