Welcome my beloved web developers and designers,In this article series for beginners to web designing this whole series lies on Designing responsive website using HTML 5 CSS 3
In this whole article series we’ll design a Responsive layout of a website, best viewed in Mobile devices as well as desktop, tablet devices.
So let us get started by basics.
What is Responsive websites?
Responsive websites are those web designs which changes it’s view and layout for adjusting with screen view of a device. We’ll be using CSS3 media quires to design a website responsive.
Requirements:
Requirements of this project is a good Web browser. google-chrome or Mozilla firefox. A good text editor, I prefer Sublime Text, for inbuilt code snippets. Little bit knowledge in HTML markup language. Don’t Forget to read Learning HTML CSS basics of web designing
Getting familiar with HTML 5:
We’ll discuss new HTML tags came in HTML5th version, they’re article, section, header, footer, aside, font, small and many more, as our projects continues.
Getting familiar with CSS 3
We’ll discuss CSS properties with brief description and usages of properties, we’ll make our page responsive using @media quires of CSS 3
The Responsive Layout:
For Developing a website Responsive we must use specialized HTML5 tags. we must also write the tagsin a order so that we can implement CSS 3 responsive layout easily and without any mess.
In the above image you can clearly observe the HTML5 tags representation for a responsive website design.
