Results 1 to 4 of 4

Thread: HTML5 Responsive Web design

  1. #1
    Join Date
    Jul 2012
    Posts
    197
    Thanks
    55
    Thanked 3 Times in 3 Posts

    Default HTML5 Responsive Web design

    In later period of times 2008 - 2011 normally all websites are designed with same width for both header and footer, but now situation is changed, why the design trends are changed drastically ? what are new design trends and ideas ?

    What special, if we use the HTML5 tags like <arcticle> <section> <aside> <footer> etc, why can't we do the website with support of <div>, <span>, <p>, <ul>, <li> with out using HTML5 tags with support of <Doctype> only in header instead of using other DTDs.

    Normally website designers use 950px -970px width for the main wrapper of website with the height of 1200px, what is new design strategy adopted for this subject.

    Your suggestions and response are highly appreciated.
    You will know the truth, and the truth will set you free (John 8:32)(The truth is about the only begotten son of GOD.....When you feel you are alone for facing your problems, God will never leave you by your own You are important for God

  2. #2
    Join Date
    Sep 2007
    Location
    The Netherlands
    Posts
    1,337
    Thanks
    30
    Thanked 137 Times in 132 Posts
    Blog Entries
    32

    Default

    People are now visiting web sites (also) using mobile devices like the tablet and smartphones. So your site layout must be flexible enough to fit into very different screen resolutions. One way to obtain flexibility is to use percentages rather than pixels for width, height, left, top. etc.

    With HTML5, you can still use <div>, <span>, <p>, <ul>, <li> etc. You don't have to use <arcticle> <section> and the like.

    See also this blog.

  3. #3
    Join Date
    Jul 2012
    Posts
    197
    Thanks
    55
    Thanked 3 Times in 3 Posts

    Default

    People are now visiting web sites (also) using mobile devices like the tablet and smartphones. So your site layout must be flexible enough to fit into very different screen resolutions. One way to obtain flexibility is to use percentages rather than pixels for width, height, left, top. etc.

    With HTML5, you can still use <div>, <span>, <p>, <ul>, <li> etc. You don't have to use <arcticle> <section> and the like.
    Yes i Know, But i would like to suggest a different website for mobile and tablet devices, some times, in certain scenarios we cannot completely design a website in percentage fully , it leads to reduce the flexibility for designer for presenting different layers in a single page.
    You will know the truth, and the truth will set you free (John 8:32)(The truth is about the only begotten son of GOD.....When you feel you are alone for facing your problems, God will never leave you by your own You are important for God

  4. #4
    Join Date
    Mar 2014
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    i only use <section> <header> <footer> <article>

Similar Threads

  1. Resolved Multizoom - Image sizing in responsive design
    By ozinder in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 02-14-2014, 12:14 PM
  2. Resolved Step Carousel Viewer in Responsive Design
    By Paramasivan in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 08-11-2013, 07:26 PM
  3. All Levels Navigational Menu (v3.02) Responsive Design?
    By carolineleonard in forum Dynamic Drive scripts help
    Replies: 4
    Last Post: 03-26-2013, 04:28 PM
  4. Can Step Carousel be used in a 'Responsive' design?
    By samsen in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 12-02-2012, 09:57 PM
  5. How to get Swiss Army Slideshow in Responsive Design ?
    By jacopogio in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 06-18-2012, 04:00 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •