Designing responsive website using HTML 5 CSS 3 Introduction Part 1 - Loyal Code Lab

Breaking

Loyal Code Lab

We Love Coding , We Love Designing , We Love Learning

Saturday, 26 January 2019

Designing responsive website using HTML 5 CSS 3 Introduction Part 1

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.

4 comments:

  1. Taken an entire, these different innovations mean guests can appreciate the sentiment of nature, paying little mind to what gadget they happen to utilize, or will use later on. Webdesign

    ReplyDelete
  2. i never know the use of adobe shadow until i saw this post. thank you for this! this is very helpful. SEO Geoptimaliseerd Webdesign met Hoge ROI

    ReplyDelete
  3. Be that as it may, how? By what method can something as shallow as your organization's web architecture sway the achievement of a business? There are numerous reasons why an all around structured site will pull in your optimal client and brief exchange with your firm. website design company los angeles

    ReplyDelete