All right, welcome back.
So in this video, we're going to talk about mobile design.
What is mobile design and why do I need to know what it is so that I can do this course?
Well, so here's what mobile.
This is mobile app development.
But in fact, when I'm talking about is mobile design or responsive design.
So let me look that up real quick so I can give you kind of the.
They were all responsive web design.
OK.
So responsive Web design or mobile design is an approach to Web design that makes Web pages render well
on a variety of devices and window or screen sizes.
Recent work also considers the viewer proximate proximity as part of the viewing context as an extension
for our WD or responsive web design.
Content design performance are necessary across all devices to ensure usability and satisfaction.
So one thing I might tell you about responsive web design and mobile design is that when I was learning
web development five years ago, I was updating my skills.
I focused heavily on responsive web design because what I realized was back in 2007 when Apple came
out with the iPhone.
That's really when the need for responsive web design started because they came up with the iPod first,
which you couldn't view a website on that, really.
I mean, I guess you could then had the iPhone and iPad.
That's really what pushed the responsive web design revolution.
Before that, they didn't really have a need for it.
I believe it was around, but it was not as big as it was.
In.
2007, like before that, there was not even a thought about it.
And then after that in 2012, is when they updated each team of five to be more content friendly, which
pushed the mobile devices along with everything else.
OK, so I'm going to read this little line to you right here.
Responsive Web design has become more important as the amount of mobile traffic now accounts for more
than half of the total Internet traffic.
Therefore, Google announced mobile again in 2015 that started to boost the ratings of sites that are
mobile friendly.
If the search was made from a mobile device, responsive web design is an example of user interface
passivity.
And plasticity is the capacity of a user interface to withstand variations of both the system, physical
characteristics and the environment.
While preserving usability or so-called responsive Web site is an instance of plastic.
User interface.
Okay.
So the idea behind that is when you build a Web site or design one, you want to make sure that you
don't just design it for desktop, but you also want to design it for mobile devices.
Now, here's the thing.
In this core, specifically, what we're gonna do is we're gonna design for.
A mobile device like a cell phone.
OK, but I'm going to give you an example real quick, because this relates to what we're talking about.
If you go to my Web site, learn tech plus dot com.
OK.
And if you're using Chrome or Firefox, it should work if it doesn't just follow along here.
Basically what I'm doing is I'm adjusting the size of the browser.
And when I do that, what it's going to do is it's going to collapse some of the content.
So you can see my Web site is responsive and when I get to a certain size, my logo shrinks.
So that way it keeps the flow of the site active.
So like, when you go to my site and you see this, that doesn't look good, right?
I mean, at the fix that eventually.
But my other content.
It collapses with the size of the page.
So once it gets to a certain breakpoint, then it will break off.
And that's where this is the mobile design.
So we're gonna be working in this space here to design a mobile friendly site for my actual site or
tech plus dot com.
Now, my site is already responsive.
But.
When you're in the design phase of a Web project.
You need to design everything out, lay everything out so, you know, everything's in the Gulf so that
when you start coding, it's easier to deal.
OK.
So.
Thanks for watching.
I'll see in the next video.