1
00:00:00,330 --> 00:00:06,420
And welcome back, whenever you have a request from an employer to build a website or a Web app, one

2
00:00:06,420 --> 00:00:12,270
of the first things that they will ask for is to make sure that your website is responsive.

3
00:00:12,930 --> 00:00:15,030
So what is responsive UI?

4
00:00:15,120 --> 00:00:19,380
Well, I can show you by opening up the developer tools, which we should know by now.

5
00:00:19,770 --> 00:00:26,250
And you'll see over here that there is a little phone icon if we click on this.

6
00:00:27,550 --> 00:00:32,200
We'll show you why your website will look like on the CNN iPhone.

7
00:00:32,350 --> 00:00:33,690
Let's make this a little bit bigger.

8
00:00:33,700 --> 00:00:36,940
So let's do one hundred percent of the size.

9
00:00:36,940 --> 00:00:37,280
Perfect.

10
00:00:38,050 --> 00:00:42,460
You'll see that your website on an iPhone looks like this.

11
00:00:43,000 --> 00:00:45,250
And if we do an iPad.

12
00:00:46,430 --> 00:00:54,500
Well, it looks like this, and if it rotates, it looks good, so responsive means that your website,

13
00:00:54,620 --> 00:00:59,540
no matter what, whether it's on the big screen or something like an iPad.

14
00:01:00,580 --> 00:01:07,480
It is responsive, that means there's no cutoffs, everything looks good no matter what size the screen

15
00:01:07,480 --> 00:01:07,810
is.

16
00:01:08,410 --> 00:01:14,710
So if we go back to our website and close the developer tabs, I can actually play around with this

17
00:01:14,860 --> 00:01:17,500
open and close and see that it's responsive.

18
00:01:17,710 --> 00:01:24,580
The website looks good no matter what the size, and users can enjoy the experience and not be turned

19
00:01:24,580 --> 00:01:31,570
off because whether they're accessing it through their iPad at home, on their couch, it still looks

20
00:01:31,570 --> 00:01:31,760
good.

21
00:01:32,320 --> 00:01:33,370
So keep that in mind.

22
00:01:33,580 --> 00:01:37,600
Responsive UI should be a priority when building websites.

23
00:01:38,380 --> 00:01:39,310
I'll see in the next one.