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

3
votes
3answers
4k views

Hover alternatve for touch devices [duplicate]

Possible Duplicate: What are some alternatives to “hover” on touch-based devices? I'm building a standard infographic where you mouse over a region and the image changes as you move. For ...
3
votes
3answers
869 views

how to display long text on mobile website

I trying to display a 2 page long page in a mobile website, i tried text area option but the scroll bars are not getting displayed in iphone mobile web. What are the ways you can think of for ...
3
votes
3answers
59 views

Alt Attribute for user generated content

Suppose you have a website where users can sale stuff and upload images (something like craigslist). What would be the appropriate ALT attribute for such images where we don't know the actual content? ...
3
votes
1answer
83 views

How should breadcrumbs be marked up? Are lists appropriate? [closed]

Trying to work out how best to mark up a breadcrumb area on my page and I'm not sure how I should contain it. In my mind there are three options: Option 1 - Just Links <nav> <a ...
3
votes
2answers
183 views

Best way to display contextual user entry errors in a tabbed html form

I have a web application that has a very large form. That form is split into several tabbed areas, which divide the entry of the data in to logical blocks. I have a single submit button outside the ...
3
votes
3answers
219 views

How to make maxlength attribute accessible?

I have a form in which there are a few input fields. For one of the input field I have a length validation, for which I used maxlength="20". The issue here is that the JAWS users don't come to know ...
3
votes
1answer
124 views

Accounting for browser resizing in a site layout

Accounting for window resizing in a site's design and layout When designing a site's UI and layout, I've always wondered how much I should accommodate for the user resizing the frame ...
3
votes
3answers
1k views

Is it appropriate to use the title attribute in a menu link?

My inclination is towards 'no', because on hovering over the centre of a menu link in Chrome, the display of the title attribute's contents covers the rest of the menu, which provides for a poor ...
3
votes
2answers
291 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
1answer
78 views

What are the available options for choosing an area by latitude and longitude?

I need a web page "widget" that will allow a user to choose an area by latitude and longitude the two methods I've considered are using four text inputs, or creating a map that would allow you to ...
3
votes
2answers
235 views

Question on fluid web design

There are 2 ways in which we can implement a fluid design (one that would adjust itself to the screen size on which it is viewed on); Approach 1: We can just use the available browser size (or ...
2
votes
5answers
122 views

How could users select four cards from a hand of eight?

I'm making a card game on a website. Users are shown a hand of eight cards. They will then choose four to pass to the other player. How could this work? check boxes under each card, if the users ...
2
votes
2answers
2k views

What is the best way to center images in websites? [closed]

Every time I work on a new project I do not have any problems to center the text using "text-align: center" to center the text, but I have never seen a similar code to center images so I always have ...
2
votes
3answers
206 views

Branding websites aimed for mobile devices

I'm currently working on a website which is also supposed to be mobile optimized. My client has provided me with a layout of how the mobile version of how the website should look like. Making their ...
2
votes
3answers
1k views

Display of disabled input fields

How should an input field appear when it is disabled? One idea is to show 'Disabled' as value within the input field. Is there a better idea to indicate an input text field is disabled? The input box ...
2
votes
3answers
516 views

Thoughts on Customizing Javascript Confirm Dialog

A design was just introduced for a brand new application offering the user to delete something. The user experience is as follows, the user clicks delete on the object. Upon clicking delete, the ...
2
votes
3answers
138 views

Choosing from a list of options and preserving order

We have a listing of topics and would like users to be able to choose three topics from the list and would also like to preserve the order in which the topics are chosen. Using three <select>s ...
2
votes
3answers
153 views

Should a website look presentable without StyleSheets?

I'm trying to super simplify all my forms, input fields etc. Using absolute minimum of HTML markup, and then use CSS to make it look good and well-formatted, with pseudo block elements and so on If ...
2
votes
1answer
83 views

html element for exemplary content

What would be an appropriate html element to use for a block exemplary content in an article, which illustrates the more abstract rules described earlier? For semantic / accessibility reasons I want ...
2
votes
1answer
1k 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 ...
2
votes
3answers
358 views

Signup form on front page?

Will you get more signups if you put the signup form on the front page or on another page that users access via a link on the front page? Form on the front page might make it a bit cluttered - I'm ...
2
votes
3answers
83 views

Animation as user feedback: how to do accessibility here without being redundant?

I have a list of "Texts" being displayed on a list. The user can reorder it when click on an action button, and when do that, an animation works as a feedback to the user. The Texts move, changing ...
2
votes
1answer
1k views

Website Design Event Calendar [closed]

I have a registration website for an upcoming event. I have a link (itinerary) on the page that takes them to another page showing them the itinerary for the event. The problem is, I don't have ...
2
votes
4answers
670 views

What's the best way to display hierarchical tabular data (parent/child relationship) while allowing both pagination and search?

I've run into a brick wall while trying to come up with a suitable tabular user interface for showing hierarchical data in a table while at the same time including a search interface and pagination. ...
2
votes
1answer
116 views

What Comes After PDFs? [closed]

I do IA for a large manufacturer. Our product catalog has over 500,000 items in it. Each product has at least two PDF documents associated with it. So, at a minimum, we've got a million PDFs in the ...
2
votes
3answers
70 views

Discrete and visible div over img/video

I have an video tag with an div displayed on top. The div is pretty nice looking and visible for the most part, only dark images are a bit problematic. For the sake of testing I searched out 3 ...
2
votes
1answer
729 views

Persistent form text on refresh and back navigation

Currently on common HTML forms, all the fields are cleared when you refresh the page or navigate away and back to it. Would it be good or bad UX to store values in cookies as you type and restore them ...
2
votes
2answers
219 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 ...
2
votes
1answer
301 views

Long content in Tables

What is the best way maximize readability when displaying variations of long/short text within table?
2
votes
1answer
566 views

Designing a page for selecting an icon in HTML

I have a form on a page where the user can edit a lot of information for a specific model. One of the properties of this model is a small icon of about 20x20 px. There are about 100 of these small ...
2
votes
4answers
2k views

Displaying a large data set in a table cell

What is the best way to display a large data set, e.g. 50 words, in a table cell? I am thinking maybe a linkable piece of text such that when clicked, displays a popup box with the full text. ...
2
votes
3answers
1k views

HTML templates for web applications [closed]

There are a lot of sites with free templates for homepages. These are often too simple for web applications, which have sometimes a lot of deeper nested content. For example. An application view ...
2
votes
3answers
52 views

Good UX for confirming and then selecting a value in a form

I'm creating an interface for users to create and define a hot drink. I have a check box for add milk and another for add sugar. If the user confirms this selection I would like to allow them to ...
2
votes
1answer
474 views

How to design a dynamic form with fields that are taken from the database?

My team is working on this particular Order Request project that would require a design to support the application form. The fields would be generated based on the database. Here is a static mock up ...
2
votes
2answers
152 views

Is having the number of search results in heading markup accessible

In a recent accessibility report of our application there were some points stating that the number of results should not be in a heading on the page. For example, the markup should be: ...
2
votes
3answers
575 views

Multiple forms on a page with individual Save/Submit buttons

I have a number of forms on one page. As some brief background it is for a CMS, when a user can manage a slideshow. Each form represents one slide. They can edit each image, the title that is ...
2
votes
2answers
360 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 ...
2
votes
1answer
483 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 ...
2
votes
2answers
203 views

Treatment of disallowed HTML tags in forum posts

Suppose a user attempts to post a message to my forum, but their message contains HTML elements that I have chosen not to permit? e.g. stackexchange and others disallow <table>; All forums (I ...
2
votes
0answers
80 views

Change focus when creating “jump to content” link for usability? [closed]

I have a link which is normally hidden but is revealed for users using keyboard navigation. This link jumps them past the header menus etc into the main page content. This is a similar example: ...
2
votes
2answers
116 views

Visual Indicators

I am a newbie to UI. I have seen in google and other sites that whenever a person visits for the first time he will be presented with the visual indicators such as Ok, skip , got it etc.. I need to ...
2
votes
1answer
125 views

With respect to creating circles, what are the pros and cons of the following methods? [closed]

I am making a website in which the home page will have 5 circles each linking to a category of items (e.g. cities, phones, etc.). The user will click on circle to go to the specific page for that ...
1
vote
2answers
634 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
3answers
238 views

Use the same search box to search different types of data

I'm trying to figure out an elegant solution to this problem, but haven't had any great ideas. (This question is similar but doesn't really answer my issue) We allow our users to search different ...
1
vote
2answers
459 views

How to set an indicator for selection in drop down on UI

I have a drop down on which multiple selections can be made. Here is the demo. Now, if you see the example, I can select multiple options, but when I close the drop down, I don't know what have I ...
1
vote
2answers
269 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?
1
vote
2answers
1k views

“View Newsletter Online” link to be visible in online version?

When you receive an HTML or Text Newsletter, you'll often see a "Having trouble viewing Newsletter? View Online" link at the very top of the email. When you click on it your web browser fires up and ...
1
vote
3answers
553 views

Text area showing scroll bars on focus only?

I'm trying to research the potential pitfalls of hiding a scroll bar in a textarea on a web page only when the element has focus. EG: No text = no scroll bars, text starts to overflow = add scroll ...
1
vote
2answers
677 views

stages after UX design to front-end development

I'm working on a UX/UI process for my project, however I'm confused to understand the approach between UX/UI and front-end. After a .psd is developed, who would be responsible to transform it into ...
1
vote
2answers
271 views

Displaying CRUD Operations on an HTML Table Elegantly

I have a rails app that I am building using foundation. I have an orders index page that displays all the users current orders on a nice looking table. (ecommerce stuff). This table displays the ...