Questions tagged [responsive-design]

Questions about designs that adapt to the size of the viewing device.

Filter by
Sorted by
Tagged with
4 votes
5 answers
41k views

What's the width to mockup websites for desktop and mobile now?

Recently, I was practicing web design beyond code things. But after I opened Sketch and just started to make a rectangle of my site, I got stuck. What width should I use? I'd search for the ...
p3nchan's user avatar
  • 205
11 votes
4 answers
20k views

Responsive web design is based on screen resolution or screen size?

For mobile devices the resolution is actually big, only screen size is small. based on that: For websites design, do we target screen resolution (e.g 1920x1080)? And for mobile apps. do we target ...
Engineeroholic's user avatar
22 votes
2 answers
9k views

What are best practices for determining responsive design breakpoints?

I've done a lot of research trying to figure out where to put my breakpoints for designing a responsive site. There seem to be at least three, maybe four common plateaus: phone, tablet, and two ...
Lauren-Clear-Monica-Ipsum's user avatar
20 votes
8 answers
13k views

What are the best practices for dealing with desired line breaks in responsive web design?

I design a great deal of simple single page web items for sales or email. I often find I run into issues with headlines and my desired line breaks at different media widths. For example, I could ...
Scott's user avatar
  • 209k
0 votes
2 answers
842 views

Should the browser interface size be taken in to account when designing web apps?

As the table below suggests, should you take into account the size of the browser itself when designing web apps? For example, should my artboard size be 1331x548 instead of 1366x768? http://www....
Yam Sasson's user avatar
20 votes
5 answers
3k views

To which extent is the designer responsible of a responsive design?

Consider the following (idealized) chart. Now, I have worked with colleagues from every side of this spectrum and have learnt that, unfortunately, it tends to be more like this. Most "web developers"...
cockypup's user avatar
  • 8,156
8 votes
3 answers
1k views

Can Email Be Responsive?

Love it or hate it, there’s no denying the popularity of HTML emails. And, like the web before it, the inbox has officially gone mobile—with over 50 percent of email opens occurring on mobile devices. ...
Riad Kanane's user avatar
7 votes
3 answers
2k views

Advice for creating a fluid and responsive graphic

So I'm creating an entirely responsive website, with the aim of using as few media queries and magic numbers as possible. I've found after a number of attempts, that using the content to create the ...
Dom's user avatar
  • 8,324
5 votes
4 answers
3k views

Do front end developers need to know how to use Photoshop?

I'm a front end developer that has never used Photoshop before and always designed my websites in browsers directly. I know that website development has changed a lot since responsive design came into ...
Carla Raquel's user avatar
4 votes
1 answer
15k views

Responsive SVG path without distorting stroke

I have a simple SVG path with a stroke that I want to responsively resize with the browser window. The problem is that when my paths aspect ratio is changed, the stroke is distorted. This is the ...
Cai's user avatar
  • 40.6k
3 votes
2 answers
16k views

Setting up responsive grids in Photoshop

I'm having some serious trouble understanding one aspect of responsive design. I understand almost all of the basics but one thing that is troubling me is setting up correct grids in Photoshop for ...
Donal Hanafin's user avatar
2 votes
4 answers
2k views

How can I test the responsiveness of my non-hosted website on my phone?

I wonder if there is a similar tool to Skala Preview (it is for live preview of photoshop work on your iPhone via Wifi) to test my web design (index.html and its assets folder) onto mobile phones (...
CandyKillah's user avatar
1 vote
1 answer
551 views

How do you Clip and Inverse Clip a complex object in Inkscape?

I have an SVG that's meant to be a responsive web button: After some trial and error, I've noticed it doesn't look great at extreme widths: the vertical borders get thinner and thicker as the ...
Clueless Investor's user avatar
1 vote
1 answer
1k views

Is it possible to use media queries for responsive emails?

Today and yesterday I had nightmares... One thing is that I personally have a Windows phone. That didn't help surely. But I was reading up on iPhone settings and Android settings and there was no ...
Christian Matthew's user avatar
1 vote
1 answer
4k views

White lines appearing in 3D extruded text

I just began learning illustrator so please excuse my ignorance. I created this design in illustrator: My question pertains to the cause and fix of the white lines appearing on the text: I exported ...
Cody Griffith's user avatar
0 votes
2 answers
5k views

Desktop, Tablet and Mobile Phone Best Pixel Size for Artboards in Photoshop

I activated the Photoshop Artboards and I'm starting to use three, one for desktop, one for tablets and the other one for mobile. The problem is that until now I've always used 1366x700 for desktop ...
Kevin Mamaqi's user avatar
0 votes
2 answers
1k views

Mockup strategy for Responsive Web Design

When making mockups for Responsive Web Design projects, should I separate them by Page or by Screen Size? What are the pros and cons of the following: Page based: All the home page mockups in all ...
Mahdi's user avatar
  • 147
0 votes
6 answers
4k views

Should I design PSDs for Desktop, Tablet and Mobile separately in responsive design?

I'm trying to design a responsive web site in Photoshop. But the question is should I design different PSDs for all these devices? (Desktop, Tablet, Mobile) If yes, what page size should I choose in ...
Hamed Kamrava's user avatar