Questions tagged [responsive-design]

A design approach that delivers elegant user interfaces regardless of the size of the user's display or the limitations of the device.

The responsive design paradigm was popularised in late 2010 / early 2011 by a series of articles in major web-design blogs like this one on A List Apart and this one on Smashing Magazine.

It is a design approach that delivers elegant user interfaces regardless of the size of the user's display or the limitations of the device.

459 questions
26
votes
5 answers

Why is that the most popular sites don't use responsive design (and choose to use a mobile version instead)?

I think I don't have post screenshots. Most popular sites don't have responsive design (in fact I haven't seen any single one that does): Facebook, YouTube, Quora, Twitter, and the list goes on. With the rise of mobile devices I thought this would…
wyc
  • 1,599
  • 9
  • 16
10
votes
2 answers

Why is responsive web development primarily portrait based?

Take a look at the images below. You will notice that the form is responsive when resizing the browser horizontally. However, when resizing vertically, instead of the form trying to re-layout (if that's a word) itself to accommodate the new vertical…
Dave
  • 153
  • 5
6
votes
5 answers

Is this an instance where I should apply responsive design?

I'm not a great graphic designer or UI designer. I'm developing a plugin that has a popup window on click of a link on webpages. The effect is similar to this one: http://fancybox.net/ But instead of images, like on Fancybox, our content is text…
Jackson
5
votes
5 answers

Is it reasonable to partially implement responsive design?

Has anyone ever heard of someone making only some pages on their web site responsive? What do you think about this idea, is it good or bad? I'm not really sure how I feel about the idea. Please comment with links to some examples or with your…
4
votes
1 answer

responsive design vs inter usability of websites across multiple devices

I'm reasonably new to responsive design as we are considering how to pitch it to our web development clients (mostly not-for-profits and gov orgs who will need to see a solid ROI on extra design money spent if they can afford it at all). A key thing…
3
votes
2 answers

How to turn a GridView into a better more responsive user experience?

I have a GridView that needs more adaptive formatting. Something that works well in a responsive context without losing all the valuable points. What patterns exist in 2015 for presenting tabular data well, regardless of the device?
billsecond
  • 153
  • 4
3
votes
1 answer

What to do if more than 2 hamburger icons in nav bar?

I am building a website for each office within an agency (about 6-8 different offices). I want to make it easy for a visitor to jump to another office website when on an office website. So, each office website will have a dropdown list in a navbar…
redshift
  • 367
  • 2
  • 6
3
votes
3 answers

Is there any more to responsive design that a dynamic gird

In many cases when I hear customers who want to make their website\ web application responsive to mobile devices (tablets and smartphones). It always ends with a base gird being "squeezed" to one column, and the navigation (usually tabs or a side…
Mortalus
  • 803
  • 1
  • 6
  • 13
3
votes
4 answers

What are some responsive frameworks that are used, and what are some tradeoffs between them?

We're currently in the midst of "going mobile" here at work, and we'd like to start factoring responsive web design into the design process from the start. We don't, however, know where to start with a responsive design framework. What responsive…
Dave Luciano
  • 343
  • 1
  • 8
3
votes
2 answers

Are breakpoints obsolete?

I'm a relatively new designer. All of my courses and training have a focus on breakpoints as a way to achieve responsive design. However I have heard that they are now obsolete and not being used anymore. What have they been replaced with?
David
  • 61
  • 1
2
votes
1 answer

What are the best practices for responsive images that contain live text on websites?

I am working on a large online retailer website, with a variety of products and we are moving over to a fully responsive website. One of the major issues we will be looking at are the promotional or landing page banner images, which contain section…
changetheworld
  • 179
  • 2
  • 8
2
votes
3 answers

Adapt site to be responsive

I need to adapt a web site to be responsive. I used bootstrap 2.3 for the navigation bar, carousel slide, thumbnails gallery, etc. My question is how do I adapt the site shown in the picture to be ok for mobile devices? Currently the wrapper,…
user35153
  • 23
  • 3
2
votes
3 answers

Increase font-size for larger displays with responsive design?

If im making a fully responsive site then how should I alter my font-size for the different size displays (breakpoints)? Phones and tablets are held closer to the user so it would make sense for the text to be a little smaller than a desktop size…
Evanss
  • 425
  • 1
  • 4
  • 11
2
votes
5 answers

Is responsive design becoming obsolete soon?

Responsive design focuses on delivering the content based on screen resolution (pixels). As screen resolution sizes of mobiles and tablets increase (tablets are now desktop monitor screen resolution), the effectiveness of responsive design becomes…
2
votes
3 answers

Using a responsive design for an internal-use-only, enterprise application that runs in a browser?

I am building a fairly large scale application that runs in the browser, and only on intranets. It is essentially a website, as in it's still just content viewed in the browser. But it's not a "website" that people visit on the internet, it's…
Sean-ux
  • 63
  • 5
1
2