HTML (HyperText Markup Language) is the predominant markup language used for creating web pages. In modern web pages, HTML is used to markup the contents of the website, while CSS and Javascript are used to define the styles and behaviors respectively.

learn more… | top users | synonyms

0
votes
3answers
236 views

What is the best convention to add css class(es) to a HTML element? [closed]

I couldn't come up with a simple title that explains my problem, but I'll try to be clear. Is this a good convention: <div class="margin10 padding20 font28 ...
1
vote
1answer
471 views

Horizontal Scrolling Emails (B2C) Best Practices

A client recently asked me to look into developing a horizontal email for one of their campaigns. I've been coding their emails for a year or so now but am unfamiliar with the best practices from a ...
0
votes
4answers
170 views

How to arrange a Slider control with DropDown option

I have a form with many fields. One field is numerical and it can have these 3 values (option A: 2.0, option B: 1.5, option C: 1.0, and also an extra option CUSTOM: any value the user wants). Problem ...
1
vote
2answers
128 views

What is the best web UI for choosing a range on a form?

I have a typical form with dropdown choices, freeform textboxes and textarea for large fields. I now need to add a range for things like this. Start / End Time Start / End Day Low Bid / High Bid I ...
0
votes
2answers
126 views

Editing hire/fire table for an employee [duplicate]

I need to create a HTML/JavaScript code to edit hiring/firing records for a given employee (the software receives a constant employee ID for the UI to deal with one employee at a time). One employee ...
3
votes
3answers
100 views

Should the title attribute be used to communicate to the user?

The title attribute (and its corresponding yellow hovering label displayed by browsers for a few seconds); is it still considered good practice to use it on hyperlinks and buttons in a web app? For ...
2
votes
2answers
130 views

number justification in HTML table cells where some cells are editable and some are not?

A convention in financial software is to right-justify numeric and currency values when they are displayed in a table. This allows easy top-to-bottom scanning and summing of numbers. The same ...
1
vote
3answers
117 views

Degrading select/filters when no javascript

I have a small question. How do you gracefully degrade select filters? Example, With ajax you might have a State select and then a City select under it that would show the cities of the selected ...
1
vote
1answer
69 views

Handling the branching/switching between incomplete tasks

How should I handle branching to a distinct task whilst the first remains incomplete? As a specific example, I have a web application where I am able to create appointments on my schedule. These ...
-2
votes
2answers
202 views

Why do people still like and use tables in HTML? [closed]

I meet web developers from different levels of experience and backgrounds and some of them like tables for everything. Divs are great and tables are to be used only when it is required. Can anyone ...
2
votes
1answer
165 views

Multiple email input

In Live Mail, and I believe Google Mail too, you can specify multiple recipients within the same input box and separate them with either a tab, a space or a comma in some cases. This is also the same ...
8
votes
3answers
283 views

Accessible way to override tab key in textarea

I'd like to create a textarea for code which would allow the user to press Tab and Shift + Tab to indent and outdent the content respectively, however I'm worried that overriding the Tab key would ...
1
vote
2answers
61 views

Hiding the bottom half of a table [closed]

I have a view in a webapp which looks like this, though generally with many more rows: Currently, all rows with a Status of 'Deprecated' are sorted to the bottom. I want to update this view to ...
3
votes
2answers
229 views

Searchresults on same page or on 'searchresults.php'

What is the best way for searching on a webpage. Should i show the searchresults on a new page or on the same page? (maybe with autocomplete). I personally like searchresults on the same page as my ...
1
vote
2answers
249 views

How can I improve this simple form?

I have a simple form with 2 text fields and a search button. I.e. something like this: I don't like the checkbox as it is. How could I improve this better?
4
votes
3answers
1k views

How to display 5 plus horizontal tabs on mobile device

This is purely for a mobile website that must have horizontal tabs. The difficulty is that there could potentially be 5-7 tabs, with 5 being more likely. The text for each tab is long, which could ...
1
vote
2answers
407 views

Best aesthetically solution to overflowing data in a table

I have the following table which I created as follows: <html> <head> <style type="text/css"> html { background-color: #fff; } body{ text-align:center; } ...
1
vote
1answer
121 views

Would like some clarification on screen resolutions [duplicate]

While working on a website, I asked a friend what his monitor size was. He said his monitor was 32" but added that the size of the screen does not matter in web design, It's the resolution and that ...
2
votes
2answers
180 views

Adding, Removing and Re-ordering of a large list of items for MOBILE

I am having trouble finding the best solution for the best possible user experience for Mobile. I have done a solution for desktop, but really struggling for a solution for mobile I have a large list ...
3
votes
1answer
91 views

Displaying package comparisons for mobile?

On my desktop website I have 3 packages listing all the features included for each package and their prices with an option to add to basket. All packages are on the same page next to each other so ...
6
votes
2answers
178 views

When should the message informing the user that the password they entered is wrong go away?

This is a follow up to this question since it got closed. In a log in form, after the user enters the wrong password, when should the message saying "wrong password or user name" go away? For example ...
7
votes
2answers
363 views

Display input text that exceed input width

I'm having some issues when the user types extensive text in a small input field. I need some good way to display data that will be cut off. I tried to use a Bootstrap based Tooltip or Popover on ...
4
votes
1answer
191 views

How to direct users through a multi-step payment process?

I'm trying to develop a payment process for my users. Here are the steps that are required: User views the page that outlines all the awesome features that you get if you pay for the premium ...
8
votes
1answer
137 views

Is it better to have more links to the homepage on your website?

Is it a good idea to have more than 2 or 3 links to the homepage on your website? Think about something like: Link in Footer Link in Header (obvious) Link in content Link the headerlogo to homepage ...
6
votes
3answers
262 views

Are extensive validations necessary on mundane input forms in a website?

I'm having a rather bitter affair with my client who also happens to be my boss at office. He is a completely non-technical dumb muggle in terms of application development. The frustrating thing is ...
0
votes
1answer
146 views

How should I effectively display result of a SQL query?

so I am making a website and I have a mysql database that stores all the information of users. This is the structure of my database CREATE TABLE `profile` ( `userID` INT(25) NOT NULL AUTO_INCREMENT ...
5
votes
5answers
860 views

Best way to show User Profile?

I'm working on a web application where I have to save a user's info. This form has about 20 fields. This is the format I am currently using: Problem: What's the best way to show these fields in a ...
1
vote
1answer
143 views

Do dynamic height changes jar users on web page load?

When a web site loads, sometimes an element's height needs to be determined dynamically with javascript. This can happen with a responsive design where the width of a fluid element is not known until ...
3
votes
2answers
197 views

How to deal with too much navigation

I have an app that I am creating for a customer that at some points has 6 levels of navigation. Basically our user wants to select an item from a navigation. that will lead to another set of ...
3
votes
3answers
316 views

How should I design a table with nested categories for users?

I am really confused with user interface design of the website. I want to design the Detailed view of the student. So on the page there will be information about the students like name , class roll ...
31
votes
7answers
6k views

Is there an optimal font size / line height ratio?

When styling text on web pages, both font size and line height can be set. For example, the text of this post will be displayed using a font-size of 14px and a line-height of (about) 18px, set using ...
1
vote
1answer
116 views

“Responsively” select an item from a large closed collection?

I'm building a responsive web application. One of the main focus of this application is to efficiently collect information. In some fields, I need the user to select one value from a large collection ...
0
votes
1answer
633 views

Truly cross-browser/cross-platform font-rendering web embedded fonts? Does it all come to images? [closed]

I've spent eons diving into @font-face issues for RTL languages, font-rendering on different browsers, PDF support, and so on. My objective is to have CSS-compatible Arabic (a RTL language) text on ...
8
votes
4answers
347 views

Looking for advice regarding a Web design involving 3-dimensional lists

I hope this is the right place for Web design advice; considering StackOverflow also, but not sure if pure design questions are welcome there? I'm trying to design a Web page that is to display ...
5
votes
1answer
481 views

Accesibility vs. read-only input fields

I have a form with some read-only fields depending on the customer role. As a rule, I use read-only fields for those inputs. Are there problems with this approach using and assistive technology? ...
2
votes
1answer
246 views

Ordering a short list of images with HTML input elements

I want to create a quick survey in Amazon Mechanical Turk for an image sorting task, say from brighter to darker images. I know that I can even create an external website and design a drag-and-drop ...
4
votes
1answer
124 views

Character stats page design for Facebook game

I need some expert advice redesigning the layout of my Facebook game. Below is a screenshot of my home page as it stands now. Styling of margins and some font stuff isn't done which is why some things ...
5
votes
1answer
95 views

Wrapping Stack Exchange footer site list?

Browsing through the StackExchange Android website I came across this, and was curious whether wrapping of site names is correct. Will a users eye automatically read "User" and wrap their eyes to the ...
1
vote
0answers
43 views

What are the determining factors to decide whether or not centrally align a website UI? [duplicate]

Possible Duplicate: Is there a usability reason for centering a website’s content area on a page? For a website with fixed width (ex. Stack Exchange, Twitter UI) which shows content in a ...
0
votes
2answers
230 views

Different ways to show photo being selected with tag

I am trying to do a UI that show a photo (or box) being selected and tagged. For example: http://behance.vo.llnwd.net/profiles/59549/projects/3012199/8c0a114a08fa35bfbb0e6bc32936a525.jpg Original ...
4
votes
1answer
171 views

How to add a details link on a table when each cell is already a link?

I have a table on which each cell is already a link to a different section (eg. the row contains 'Name', 'Location' and 'Type' columns and clicking the name cell takes you to the Show action of that ...
5
votes
2answers
980 views

Alternatives to pop-up in JSF

Modal pop-ups feel like ugly work-arounds in web applications. They seem to be hard to manage, can have problems with pop-up blockers, and the modality can create user confusion. What are ...
4
votes
1answer
634 views

Idea for improved usability for HTML form checkboxes and radio buttons [duplicate]

Possible Duplicate: Should the cursor change to pointer over radio buttons, checkboxes, their labels and selects? My problem is that the little checkbox and radio buttons for form controls ...
0
votes
1answer
151 views

Showing read only data in a label on a form (508 implications) [closed]

One of the definitions of a HTML label is: The HTML label element associates a piece of text to a control What is the correct way to render HTML when the label itself is NOT "for" another label? ...
0
votes
2answers
307 views

Labelling inputs in HTML: <p>, placeholder or both? [duplicate]

Possible Duplicate: On forms, is inline placeholder text better than a label outside each field? I am making a simple registration form for my website. I'm in doubt about how to label ...
8
votes
5answers
755 views

Is a language switcher necessary on a web site's every page?

I'm working on a multilingual WordPress driven web site running the WPML plugin. WPML offers a language switcher widget which is pretty neat. However, the layout of the page I'm working on is very ...
6
votes
4answers
593 views

How to avoid pagination when an items list is very large (Webapp)?

We have a web application for correcting automatically-detected mistakes in translation documents. Those are split into sentences and their amount can be up to hundred thousands (its not even closely ...
6
votes
2answers
206 views

Measurement to use when designing for desktop and mobile

I am currently working on a web based administration interface which has a lot of controls, such as sliders, check boxes, input fields, etcetera. The interface should work on desktops, tablets and ...
3
votes
1answer
75 views

Is there a good reason to have HTML and PDF version of TOS?

We have our Terms of service available as HTML and PDF. Is there a good reason to keep providing PDF version? It's extra work: Several languages Privacy policy / tos Room for mistakes between html ...
1
vote
3answers
347 views

Interface to transfer tree nodes from one tree structure to another tree structure

I am looking for an alternative other than drag and drop. Currently i am using kendo ui treeview drag & drop. TreeView / Drag & drop Please mention some nice alternative for the same(other ...