Responsive Web Design

Discussion in 'Web Design' started by swifty, Feb 20, 2017.

to remove all ads.
  1. swifty

    swifty New Member

    Messages:
    2
    Please help me in creating my responsive website
     
  2. chrishirst

    chrishirst Well-Known Member Staff Member

    Messages:
    2,582
  3. rohitvpp11

    rohitvpp11 New Member

    Messages:
    5
    its just simple open Mozilla Firefox and press Ctrl + shift+M. that's it now you see small window which means its should appear.like mobile screen and tab screen the screen should appear in mobile is like (min-width:220px-max-width:576px)at portrait and after 576px to 1350px for tab and computer. also you can check you site at some website also like The Viewport Emulator in which all mobile phones are available so just drag your address and check.
     
    mishraviplav7877 likes this.
  4. chrishirst

    chrishirst Well-Known Member Staff Member

    Messages:
    2,582
    That would be "testing" not "creating".
     
  5. Dewlance

    Dewlance New Member

    Messages:
    15
    You only need to use code in CSS like 100% or code in percent instead of fixed size.

    For example: width: 80% instead of width:1000px;

    Hope you understand.
     
  6. chrishirst

    chrishirst Well-Known Member Staff Member

    Messages:
    2,582
    You obviously do not, as "Responsive Design" has moved on al LONG way since that was all what was required. Simply using a percentage based layout was well before ANY kind of 'mobile device' was in general use.
     
  7. alizarenault

    alizarenault New Member

    Messages:
    4
    Creating multi-device experiences is not as hard as it might seem. In this guide, we will build a product landing page for the Mobile Web Development course that works well across different device types.

    Building for multiple devices with differing capabilities, vastly different screen sizes and interaction methods can seem daunting, if not impossible to get started.

    It is not as hard to build fully responsive sites as you think, and to show you, this guide takes you through the steps that you can use to get started. We have broken it into two simple steps:
    1. Defining the information architecture (commonly known as IA) and structure of the page,
    2. Adding design elements to make it responsive and look good across all devices.
     
  8. chrishirst

    chrishirst Well-Known Member Staff Member

    Messages:
    2,582
    No, no, no, no.

    The source is where the page came from, NOT what is being used to view the document.
     
  9. ClaytonJ

    ClaytonJ New Member

    Messages:
    3
    Any modern day design is usually coded responsive
     

Share This Page