Software Engineering Stack Exchange
Software Engineering Stack Exchange

Questions tagged [responsive-design]

21 questions
8
votes
2 answers

Does responsive web design go against the Separations Of Concerns principle?

I'm wondering how responsive design plays along with the Separations of Concern principle, in respect of how we're allowing a single implementation behave for multiple presentation devices (mobile, tablet, browser sizes etc.). Is it breaking the…
Martin Blore
  • 4,645
  • 5
  • 29
  • 35
4
votes
1 answer

What techniques should I use when implementing infinite scrolling on a website?

I am currently working on a website which implements infinite scrolling on it's search page (the results themselves coming from Elastic search) and, unsurprisingly, the more you scroll the slower things get. This is especially prominent on mobile…
JMK
  • 374
  • 3
  • 12
3
votes
3 answers

CSS structure for creating responsive websites

I'm a back-end engineer who works on a small team so occasionally needs to do some front-end. I like to develop a good workflow and project structure before I start anything, so I'm wondering about creating a responsive front-end for a web…
rgb
  • 879
  • 2
  • 8
  • 18
3
votes
1 answer

Responsive Design vs. Separate applications/views

I'm involved in a project for a redesign of an existing site. The Designer Team delivered us -the Engineering Team- four separate HTML/CSS prototypes of how the site should look: On a Desktop Browser. On a Table Device, a similar but simplified…
Carlos Gavidia-Calderon
  • 1,010
  • 8
  • 16
2
votes
1 answer

Why to design for mobile and scale to desktop with media query?

In the W3schools tutorial on CSS3 media queries they recommend to have the standard layout adapted to mobile viewing, and have a media query "scale it up" to desktop format when viewing on a desktop instead of the other way around. This should make…
PetaspeedBeaver
  • 131
  • 6
2
votes
1 answer

Separate codebase for responsive website and mobile apps?

I made a simple responsive single page web app (about 5 views) to replace our old jsf web application using angularjs+bootstrap. Now looking into frameworks like ionic, cordova and trigger.io. what I don't understand is, am I supposed to directly…
uylmz
  • 1,129
  • 1
  • 8
  • 17
2
votes
1 answer

Mockup strategy for Responsive Web Design (from a programmer point of view)

When making mockups for Responsive Web Design projects, should I separate them by Page or by Screen Size? Which one would be more helpful when I start writing the source code? What are the pros and cons of the following: Page based: All the home…
Mahdi
  • 1,983
  • 2
  • 15
  • 25
1
vote
1 answer

How can I use a framework like Bootstrap when I already have designs from a design team

We are about to start an AngularJS project. In fact, the CMS will be AEM (Adobe Experience Manager). I'm now looking into the CSS/layout framework, and whether its worth using something like Bootstrap, when the design team/client has already decided…
redfox05
  • 121
  • 1
1
vote
1 answer

Is it OK to replace html on resize?

I was asked to take over a web project. It is supposed to be a responsive website, but the former programmer didn't write the HTML/CSS with responsivity in mind and adding code to make it responsive would be a nightmare. Mobile version on…
d1001001
  • 29
  • 2
1
vote
1 answer

Is Interactive the term for web application that respond quickly to user?

Just a quick question on Web Application attribute, if responsive (which mainly stems from web design) means website that adapts to different screen size, then the closest term I can find for Web Application which is highly 'responsive' to the user…
JofryHS
  • 119
  • 3
1
vote
2 answers

Can I use the code for responsive video on this github link under a license?

This is the link: https://gist.github.com/jgarber/2302238 I am new to github and web development.So please bear with my questions. I would like to use the responsive video code on the link mentioned above, for a commercial website I am building. I…
Silk Spring
  • 11
  • 1
1
vote
2 answers

What about using MVC as the way to provide Responsive Web Design?

Responsive Web Design shows the user different elements -- or elements arranged in different ways -- by using media queries (if the device is a desktop or laptop, show them this; if a tablet, show them that; if a "phone," show them the other thing)…
B. Clay Shannon-B. Crow Raven
  • 751
  • 3
  • 9
  • 21
1
vote
2 answers

How to factor in responsive design when providing an estimate for web applications?

In the past usually I have only had to estimate web applications based on browser support. But for more recent projects device and platform support are also very important as well (screen resolution). I am having a hard time providing an estimate…
Jon Raynor
  • 10,905
  • 29
  • 47
0
votes
0 answers

For a responsive app, do frequent conditionals checking device size indicate a code smell or antipattern?

I have joined a team working on a large and mature responsive website (using a javascript MVC framework), and one thing I frequently see in the codebase is branching code in controllers or components checking whether we are in Desktop mode or mobile…
AlexMA
  • 591
  • 7
  • 13
0
votes
1 answer

ReactJS - proper way to handle a responsive design approach?

I've always used CSS and media queries when it comes to responsive design. I've been developing in ReactJS for a while, but I feel my approach to responsive design is sloppy. I find myself using a mix of CSS and Javascript, depending on the…
sme
  • 101
  • 2
1
2