THAPA TECHNICAL

HOUSE OF WEB DEVELOPERS AND TECHNOLOGY.

Create Responsive Website Using HTML5 CSS3 and JavaScript in Hindi

Create Responsive Website Using HTML5 CSS3 and JavaScript in Hindi

Welcome all, we will see how to create a responsive website using HTML CSS and javascript in Hindi.
We will see everything in just one video, CSS animation, CSS transition, JavaScript working in dept, media queries to make our web pages responsive all in one.
I try my best to explain each and every line by line. Hope you enjoy my video and believe me you gonna learn a lot from this one video.

Click here to see the video


I know most of you are here for source code. So here is all the link that I mention on my video.

Remember, To use the Font Awesome icons, Don't forget to add the following line inside the head section of your HTML page. Here is the line.

link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/lib..." and ya don't forget to add angle brackets in before and after the link word.

What is a Media Query? Why should you know Media query?

A media query is a CSS technique that is introduced in CSS3 to make the web pages responsive. It uses the @media rule to include a block of CSS properties only if a certain condition is true.
Creating a website using HTML CSS and javascript tutorial in Hindi, Typical Device Breakpoints. There are thousands of screens and devices available with different heights and widths, so it is hard to create an exact breakpoint for each device. But after the media query, we can almost achieve it.

To keep things simple you could target five groups:

1: /* Extra small devices (phones, 600px and down) */ @media only screen and (max-width: 600px) {...} /*
2: Small devices (portrait tablets and large phones, 600px and up) */ @media only screen and (min-width: 600px) {...} /*
3: Medium devices (landscape tablets, 768px and up) */ @media only screen and (min-width: 768px) {...} /*
4: Large devices (laptops/desktops, 992px and up) */ @media only screen and (min-width: 992px) {...} /*
5: Extra large devices (large laptops and desktops, 1200px and up) */ @media only screen and (min-width: 1200px) {...}

"Honestly, I have no idea how to ask, but if you donate using PAYTM to support me, It's gonna help me a lot." PAYTM Number: 9518369954

Click on below link to get the source code of the Responsive Website Using HTML5 CSS3 and JavaScript in Hindi. It is in .rar file format so to get the file out from it. Just download the .rar file then simply right click on it and Choose the Extract file option that's it. You are ready to go. Hope my video helps you :)

SOURCE CODE OF THE VIDEO