I just got a freelance project to design the UI for a website. Can someone tell me what layout (dimension) is used to design a website front end in Photoshop? What are the basic dimensions used?
123136
I do mockups and prototypes of sites and designs all the time, but I've always wondered if there is a standard size or width I should be using. Generally I'll make my document either 1024, 1200, or 2560px wide, depending on what I'm doing.  So what do you think? What is a good or standard size for this?
65446
What's the dimensions of a presentation slide in pixels?   I'm having a hard time trying to get it right. I keep guessing and checking and it's taking too long. I googled some results and they're a bit off as well.  The other issue is that I'm using .opd format; the format proprietary to open office / libre office in windows 7.  I'm just trying to design a decent background for my presentation.
34482
I heard you should define sizes and distances in your stylesheet with em instead of in pixels. So the question is why should I use em instead of px when defining styles in css? Is there a good example that illustrates this?
17695
With left nav, responsive design, and various new-user notices, this is what an anonymous user currently sees (browser window here is 1090px wide):    I realize that a lot of this content -- code of conduct, new-user intro, cookies notice -- is important.  And I get that the left nav is an important design element, and responsive design dictates the width of the right column.  But when you add it all up, Q&amp;A -- what the site is about -- gets a distressingly small portion of the screen.  Can we do better?   Maybe we can make that intro/mini-tour shorter? Maybe we can hide the right column for anonymous users? Maybe some things can wait until the user's viewed a few pages? Maybe other things I haven't thought of?   My concern is that anonymous users -- people coming from Google, people who were referred to a site by users hoping to recruit them, or others who find their way to us but aren't invested in us -- will turn away before seeing how rich and helpful our sites are.  Which would be a real shame, because our sites are awesome.  First impressions matter.  When I'm asking a rabbi to check out Mi Yodeya or a professional chef to check out Seasoned Advice or my vet to check out Pets (all of these have happened), I want to make a good impression.  I want the person to see more than 2.5 questions; I want to increase the chances the person will see something interesting or say "oh I can answer that!" and dig deeper.  Yes, the other stuff is important, but maybe not now?  Is there a better way to "stage" all this information for people we haven't yet hooked?
72617
I am building my first responsive WP site with my own custom WP Theme. The primary templates are part fluid, part fixed. This enabled me to create only 3 "versions", a desktop, tablet and mobile version. All changes happen due to media queries. (Sizes are 768 to 1200 px for desktop, 530 to 767 for tablet, 300 to 529 for mobile.)  The homepage (which has it's own template) will show a slideshow. The slideshow claims to be responsive (I haven't set it up yet) and I am anticipating it working through the tablet sizes. But when I get to the mobile size I just want to have a static photo.  I don't want to just use "display:none" for the slideshow as it will still eat up space/power for the mobiles. I DO want to keep all the versions on the same templates, so I'm thinking I'm going to need some php or javascript to make this happen. (Unless there's some other way, which I'd be thrilled to hear about!)  Can anyone help with the code? I have a slideshow div in the CSS:  #slideshow {  height: 296px;  margin: 20px 20px 10px 20px;  padding: 0; background-color: #f00; }/*by not setting a width the sshow box fills the space minus the margins*/   and in the template the slideshow shortcode or template code will go between the open and close slideshow div tags. But I would also want to place a photo there for the mobile version. So I think I would need some kind of "if 529px or more, get slideshow; if less, get photo" right? I'm not a php or javascript programmer, tho I'm great at cutting and pasting!  The site is viewable at   -- we are now at the stage of adding page content and the blog needs attention and the sidebars need work, etc. But shell pages are up and content is getting loaded as I write.  Help greatly appreciated!
17575
I'm a newbie.  I've gone through a number of tutorials and want to get some actual experience with modeling. But, I don't know where to go to get good reference images for modeling with front/sides views.  Can anyone recommend the best places to find such images?
96557
Why do many sites leave half of each webpage empty? Isn't this a waste of screen space?  One nice example of this is the Stack Exchange Network sites:    As you can see, there is a ton of whitespace left on both sides of each page.  Does the whitespace make sites compatible with certain screen sizes? Does leaving the space help make sites mobile friendly? Does space make pages seem less crowded, and thus, more usable? Or, is there no good reason and people just do it because they don't realize they shouldn't?  I've worked on sites that use both designs and haven't had users complain either way.  Examples of sites that have space: , ,  Examples of sites without space: , ,
50832
This is now out for all of the sites  We've had the new default unified theme up on  for a month and a half now and the response there has been really positive. We got a lot of great feedback from the PPCG community and worked out a lot of trouble spots.   If you've been following the progress on my , you'll know that one of the staff will usually post a discussion on each meta site as the theme rolls out. With so many sites using this theme, we decided it'd be easier to post one announcement here on MSE and feature it so that the entire network can see it and respond in one place, as a bug on one site will probably be affecting all of them.  We don't expect there to be any bugs in this theme (famous last words, apparently), since it's been used for a while on PPCG but if you do see anything amiss, please use this post to point it out so that we can dig into it. Some of your concerns may already be mentioned on the PPCG announcement post I linked at the beginning of this one, so please check there to see if they've been reported yet.  If you have general concerns about left navigation or responsive design, please use the .  Some things to be aware of:   Left Navigation is active on most pages (but can be collapsed into a menu by visiting your site preferences - ). Responsive layout is active, which lets the site adjust as browser widths change - no side scrolling (some pages haven't been updated, yet, though). For now, if you prefer the scrolling, you can disable this by clicking the "disable responsiveness" link in the footer. Link underlining is active. In an effort to make links more visible, they are now being underlined.     While this change is definitely something many users have strong feelings about, I'm really excited about this step in particular because it means that some very long-standing communities will be a lot closer to getting custom themes. We have about ten sites that are no longer in beta but haven't gotten a custom design yet, and once this changeover is complete, we'll move forward in designing those sites - and maybe others.  The layout unification is also allowing us to more easily improve existing features like  and develop new features that have long been requested like , which is currently in testing. We'd love to get more features out to you all and that's easier when we spend more time working on the new features and less time squashing bugs they cause because we have 60+ very different site layouts.  This is addressed in a  if you want more detail.    I'll be doing my best to keep an eye out for - and respond to - questions asking about this change on the child metas for all of the beta sites as we transition to the responsive design but feel free to link users here as well.
14049
Questions like looking for css templates, blog templates, icons ... In general, resources (let's leave the licensing terms aside for now) which you might need when building a project of your own. Where should those questions go?  They're definitely not on-topic on Stack', SuperUser maybe although I doubt it. Webapps? Hmm, probably not.  Is there a place where they would be on-topic on the SE network?
24918
I need to create a banner that is 18 feet wide by 2.5 feet high.  What would be the best way to go about planning this as it is going to be made in Illustrator and every element will be a vector.  Would my best bet be to create the document in its native size and then scale it down in Illustrator to keep the ratio but reduce the file size?  I've come across this before working at large sizes but not quite this large.
66621
In examples found around the web, some people specify lengths such as width=5truecm with \includegraphics or the geometry package. How is this different from regular 5cm?
111836
I really love the way  works, but unfortunately it doesn't look very sharp on a , especially when juxtaposed with browser-rendered text. If you made the generated image twice its current size, it would circumvent this problem.  Could you please generate larger source images? Keeping the same width and height HTML attributes will mean that the image won't look any different for current users, so there's no chance of anything breaking.  It's a small difference, but quality is in the details!
8425
I'm redesigning my filters and product page of an online apparel store. Do you think I should display all sizes and use radio button or using a drop down menu to select the size ?
81491
I am designing a website and in the background I am using a pattern that is done by somebody else.  Now while slicing, is there anyway to find and select the exact dimensions of the pattern that the other designer has used to create that pattern instead of guessing it?
113302
I have an image on screen, and I want to measure its width. Of course I can use a , but that's whimsical and slow. Is there something where I can click a shortcut key, drag out an area, and it will tell me the height and width of that area?  Something similar to  for Google Chrome.  Currently, I am using Shift + PrtScn and dragging out the area, save the image, and then go into Properties to find out its height and width.
27766
I have create page layout and uploaded it to the master page gallery in a module, now I want to create a publishing page from this page layout, I know I should use a module and upload an .aspx page to the pages library. But what's the content of this .aspx page will be? for my page layout I know the exact html and everything, but for my publishing page what should I write inside? should I create an .aspx page with minimal html?
115329
I am helping a client/friend with a website design.  He is a conceptual thinker. Yet his ideas are always inspirational but not practical.  He is always wanting a different direction after I show him my design.  He wants something new and refreshing. He doesn't like the website out there because it's too commercial. I think it would be easier to manage later though.  I am struggling with him because    I am not getting paid for this. I would like him to just choose a design.   However, I was wondering if you have any tips on dealing with client who has no direction, and doesn't know what they want?  What would you do? Choose some web and have him decide which style they like?  How can I guide him in the right direction? Any suggestions for me?  Thank you for the help!