1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

how to do responsive html

Discussion in 'HTML & Website Design' started by creativewebmaster, Jul 18, 2012.

  1. #1
    how to do responsive html
     
    creativewebmaster, Jul 18, 2012 IP
  2. 3dy.ro

    3dy.ro Member

    Messages:
    100
    Likes Received:
    3
    Best Answers:
    1
    Trophy Points:
    45
    #2
    Responsive design can't be done only through HTML. You are supposed to use CSS media queries. In fact, you just need some of them, and the best way to learn this stuff I think it's through this video.

    Good luck!
     
    3dy.ro, Jul 19, 2012 IP
  3. annahussy

    annahussy Greenhorn

    Messages:
    47
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    6
    #3
    I am completely agree with you that responsive design would be also done through CSS. If you going through online Tutorial then They will easily teach you the whole details regarding HTML.
     
    annahussy, Jul 20, 2012 IP
  4. WebFerret

    WebFerret Peon

    Messages:
    23
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    The basic idea is to use percentages instead of pixels for heights and widths so your web site looks good on any device.

    Also, media queries can be used to change your CSS for different devices, for example:

    @media (max-device-width: 480px){
    body {
    font-size: 2em;
    }
    }

    The above will increase the font size for mobiles making text easier to read.
     
    WebFerret, Jul 22, 2012 IP
  5. sanchyclub

    sanchyclub Well-Known Member

    Messages:
    625
    Likes Received:
    6
    Best Answers:
    2
    Trophy Points:
    105
    #5
    you can move.. with a responsive framework!! like- twitter bootstrap
     
    sanchyclub, Jul 22, 2012 IP
  6. sunil8986

    sunil8986 Member

    Messages:
    28
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    36
    #6
    sunil8986, Jul 22, 2012 IP
  7. terrypasencio

    terrypasencio Peon

    Messages:
    26
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    terrypasencio, Jul 23, 2012 IP
  8. annahussy

    annahussy Greenhorn

    Messages:
    47
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    6
    #8
    Thanks , Terry , I am grateful that I am here. I must say that The responsive design is easy to doing a further proceed. That will be very useful steps that You mentioned over here.That will be not an issue to using these resource for making the Responsive design.
     
    annahussy, Jul 23, 2012 IP
  9. CSM

    CSM Active Member

    Messages:
    1,047
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    55
    #9
    Hi there,

    Twitter Bootstrap and ZURB Foundation are 2 responsive "frameworks". 320andup is another one.

    CSS3 media queries are responsible for the "design change" when you resize your browser.

    A testing tool for responsiveness is e.g. http://www.respsonivedesigntest.net
     
    CSM, Jul 30, 2012 IP
  10. promowebeveron

    promowebeveron Member

    Messages:
    439
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    48
    #10
    You can use the CSS for a better and responsive designs for your website designs.
     
    promowebeveron, Jul 30, 2012 IP