8 {{ upvoteCount | shortNum }}
8 {{ upvoteCount | shortNum }}

Responsive Web Designing

by woodyciser
7 replies
  • WEB DESIGN
    • |
While customization in CSS of a website, how much width a best website have?
#designing #responsive #web
  • Profile picture of the author softwarewarden
    Originally Posted by woodyciser View Post

    While customization in CSS of a website, how much width a best website have?
    I would guess 100% if you want no space to show or 75% or so if you want some space to show on right and left but make sure you center the tag.

    I think in responsive web design you never want to use a set width eg 400px you allways want to use a % of avalible width eg width:75% would take up 75% of the avalible space.

    I could be wrong and if I am im sure some one here will tell us about it.
    {{ DiscussionBoard.errors[8808913].message }}
  • Profile picture of the author Mr Bill
    The Warden is correct.

    320px wide is the size I design for when building custom mobile websites.

    Maybe the people in your signature can help you? They're experts in responsive design.
    {{ DiscussionBoard.errors[8808918].message }}
  • Profile picture of the author rogerlegend
    [DELETED]
    {{ DiscussionBoard.errors[8809079].message }}
  • Profile picture of the author sham2
    Hello I am agree with Wardan . He give you right information about responsive designing. If you have facing some problems in responsive designing then you can use bootstrap which is the best tools for responsive designing.
    {{ DiscussionBoard.errors[8875346].message }}
    • Profile picture of the author michaelgoldstein
      using bootstrap is a good choice, but if you only want to change your current css then you can use these as an example:
      Code:
      @media only screen and (max-width: 1023px){
}
@media only screen and (max-width: 767px){
}
@media only screen and (max-width : 320px) {
}
      {{ DiscussionBoard.errors[8876956].message }}
      • Profile picture of the author creativestore
        I agreed with michaelgoldstein.

        Using a framework will definitely save you time.

        I personally prefer to use Foundation. I found it easier to work with. But it's a personal preference.

        By making a simple Google search you'll find some good frameworks for different projects.

        Foundation, Bootstrap, getSekelton etc.

        Or you can add your own media queries.

        Hope it helps,
        {{ DiscussionBoard.errors[8878429].message }}
  • Profile picture of the author Amsterdam
    If you're used to designing with grid systems then definitely look at frameworks. Foundation is an excellent full featured framework. Skeleton doesn't have so many features but is easier to learn.

    T
    {{ DiscussionBoard.errors[8880797].message }}
  • Profile picture of the author DesigningWhileUSleep
    I second Foundation. I can spin up a responsive prototype in an hour or two, and I use it regularly.
    {{ DiscussionBoard.errors[8884630].message }}

Trending Topics