Attached is a screenshot of a web application I am building. It shows where the user can enter input to perform a search.   My question: should the text boxes/comboboxes all be the same width?   The widest one, Status, is that width because that is the width of the widest entry (which you would see upon pulling down). Should I make all the other boxes be the same width as the Status box?
121317
I am currently designing a single page checkout form.  I would appreciate some feedback on the lengths of my input fields.    In the Billing and Shipping sections, I have staggered the length of the fields, trying to keep the size of the input field relative to the size of the expected input.   However, in the Payment section, all the input fields are of the same length.  Do you think this breaks the consistency of the form since the Billing and Shipping sections have staggered lengths for input fields?  Should I try to vary the lengths of the inputs in the payment section so that it looks more like the other sections?
52829
I visited a question  and happened to get the newsletter registration prompt, which appears to have a styling issue in the email field:    The quick fix would be for the two fields to just have the same width (149px vs 200px), but it probably also makes sense at this point to just do away with the pseudo placeholders and just use the placeholder attribute universally, with a polyfill for legacy browsers.
102119
I don't want my window to be resized either "only horizontally" or "only vertically." Is there a property I can set on my window that can enforce this, or is there a nifty code-behind trick I can use?
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?
94980
Is there a Windows utility that keeps a record of the size and position of all active windows for later retrieval?  For example, if I have my text editor and web browser open side-by-side, and then open Outlook full screen, I'd like a keyboard shortcut to quickly switch back to the editor/browser configuration.  I'm thinking of something like Emacs's .  Does such a thing exist?
28294
I understand the idea behind having the more likely to be used action on a page slightly larger or in a different style in order to guide the user to it (for example having a button for save but a small text link for cancel).  When say an administrator hits delete I have a confirmation dialog appearing asking if they are sure they want to do that and presenting them with two options, 'Yes, Delete this' and 'No, Keep this'.  At the moment these are the same size and style and therefore the same weight on the page.  I was wondering if that should be the case or should I assume that the administrator is not an idiot and that if they have hit delete confirming this action is the most important part of his next step and therefore should be given a greater weighting on the page?
41602
I frequently create labels that follow the same format: white text on a 75% opaque black background, with 10px of margin around the text. Currently, I have to manually build these labels, which takes a lot of work.  In one method, I write the text, figure out its height and width, then create a separate rectangle and place it behind it. This takes a lot of clicking around for every label.  In the other method, I draw out a text box, select it directly, give it the correct background and margins, and then insert the text. However, I must then resize the box manually, meaning more clicking around and greater imprecision. There doesn't seem to be a way to directly select a text box once it has text inside it.  I tried using the script contained in  to resize the text box to the content, but it only resizes the box vertically, and removes my color and margins.  Does anyone have suggestions on how to resolve these problems, or for a better method? I'm using CS3.
46286
On a web form, what should happen when the user presses the ENTER key?  I'm writing a sign-up form - name, email, password, sign-up button: the usual sort of thing. Since I'm using JavaScript, and the page does not use the &lt;form...&gt; tag, I have complete control over what happens with each key press. I can make it change the focus, submit the data to the server, validate the field contents, whatever. But what should it do?  Things I'm wondering: should ENTER take the user to the next field (as per TAB key)? Should pressing ENTER while focus is on the final field submit the form?
22917
I am reviewing some website wireframes from a client and have decided to make the new site responsive. I've had pretty good luck so far with responsive theming and design from a few past projects and they look and act really nice across widths / devices.   However this particular wireframe has quite a few modals and hover windows with lots of information in them.   My questions are:   Will this be like trying to fit a square peg in a round hole?  Do we need to perhaps go the m.domain.com route where we query the device and design two separate websites?  Should I advise the client to do away with so many modals and hover windows if we go the Responsive route?   I know these are subjective questions so not really sure if this is appropriate within this type of forum.
120101
Curious about text alignment on websites. For a blog, for example, is it better to have left-aligned or justified text? I like the look of justified text but I'm not sure if there's any downsides to it.
90405
I am having trouble making the caption beneath a figure to be of same width of the figure (less than the width of the paragraphs in the same page). How can I force the caption width to be the same as the figure width?
87913
I want to make a drop down box that shows 2 or 3 options and let the user choose 1 from them?  I would like to let the user to choose from "millimeter", "centimeter" and "meter". These Options are not from the field of input.  It seems like none of them here is valid:
105195
I am using a default font size of 26px and stackoverflow's layout seems to not work well with such a large sizes.  The most important issue is that many inputs tend to overflow and partially get hidden below side text. This includes one with login, ‘Title’ and — the most important issue — the editor, which makes writing posts a little painful.  Another important one is that sometimes 'search' field doesn't fit in topbar and jumps lower, being partially hidden by logo. I met that issue on stackoverflow itself only while serverfault &amp; meta display fine (but that may be related to rep or sth).  There's one minor issue too — navbar is too narrow and ‘Ask Question’ jumps below — but this one looks quite nice (maybe it's even intended?).  Screenshot: (click to enlarge)
60562
My understand is text should be left-aligned; dates, times, and numbers should be right-aligned; images should be centered.  What about Boolean strings "Yes"/"No"? My hunch says to center them.
15800
Well I am trying to submit a form by pressing enter but not displaying a submit button. I don't want to get into JavaScript if possible since I want everything to work on all browsers (the only JS way I know is with events).  Right now the form looks like this:  &lt;form name="loginBox" target="#here" method="post"&gt;     &lt;input name="username" type="text" /&gt;&lt;br /&gt;     &lt;input name="password" type="password" /&gt;     &lt;input type="submit" style="height: 0px; width: 0px; border: none; padding: 0px;" hidefocus="true" /&gt; &lt;/form&gt;   Which works pretty well. The submit button works when the user presses enter, and the button doesn't show in Firefox, IE, Safari, Opera and Chrome. However, I still don't like the solution since it is hard to know whether it will work on all platforms with all browsers.  Can anyone suggest a better method? Or is this about as good as it gets?
85155
I'm designing a web app but can't reveal its name and its main function so let's see how this could be explained.  In this app there's a type of user that have the power to Add and Remove Team Members (Employees) so for him to do that I thought well let's make this very easy, he's just going to need to press the "+" button and fill a little form BUT to make it even more seamless let's make that a Dialog box.  Question: Is it right for an user to write stuff on a Dialog box or those are only for information display as alerts, etc.  Below you can enter the link to the Dialog section on Material Design and a screenshot of how this Dialog/Form is going to look (I need to add the lines below every line like any other form but I just stopped after this question popped right into my mind).
15546
I've noticed this issue on a handful of other communities, but making the browser window narrow (mine is 1080x960) makes the .post-layout and #sidebar elements overlap. Maybe something to do with the grid CSS? The #mainbar element seems to be the correct width and changing the .post-layout's overflow-x to auto seems to "fix" it  From retrocomputing:    From this post, because we are meta after all:    Specs:   Google Chrome Version 78.0.3904.108 (Official Build) (64-bit) Ubuntu 18.04.3 LTS