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

2
votes
2answers
434 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
554 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
211 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
24 views

Looking for an effective way to allow people to put on a slide show of documents and videos [closed]

Currently we have this http://torontotigroup.byethost7.com/documents.html I'm looking for something that is easy to use, for both me and the reader, and works effectively on as many devices as ...
2
votes
0answers
97 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: http:...
2
votes
2answers
122 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
158 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 item....
1
vote
2answers
716 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
2answers
510 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
271 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
2answers
132 views

What is the name of this moveable multiselect list? [duplicate]

This is killing me. I am trying to find out what is the name of this UI component that has two multiselect controls, where the left is a list of available items and the right is the list of selected ...
1
vote
4answers
374 views

Is there an html character entity which can represent “Admin”? [closed]

I'm looking for a way to represent a user as an admin, and would prefer to use an html entity to do so. (http://www.amp-what.com/) Does anyone have any suggestions, or is this a fruitless search?
1
vote
3answers
672 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
783 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
411 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 ...
1
vote
3answers
141 views

Inserting a long word in a limited header space

In my website, i'm presenting a basic table that has some action items for each row. X and Y must be replaced by two words that are trademarked and the words are actually long. Say X is "...
1
vote
5answers
505 views

Web User Experience: Surrounding the content area with filter-buttons on all four sides

We are debating the next wave of design for our application. We are a company that works in the world of institutional finance and our product is around presenting research. One idea that has come ...
1
vote
2answers
408 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 ...
1
vote
3answers
969 views

Is it a bad practice to design an HTML layout with all elements with position absolute? [closed]

There is a framework that my company wants to acquire that generates all HTML with position absolute. It has its own GUI Designer. Mainly this application will be used to design HTML forms. Is it a ...
1
vote
2answers
157 views

UX Design where password is optional

I have a web site where some users authenticate with email/password and other users only require an email address to authenticate. I'm trying to make the most natural login screen, but I'm struggling ...
1
vote
3answers
63 views

How show content that is locked to unregistered users

I have a website with a block of text available only for registers users. The structure is something like this: -Title available for all users -Text available only for registered users and panel ...
1
vote
1answer
34 views

Distinguishing spell check from link

I want to display misspelled words within text in HTML that are detected by a spell checker. I simply put the misspelled words in a <span> element, and made the color red, and the text-...
1
vote
2answers
84 views

Accessibility of disabled placeholders in dropdown

Are there any accessibility implications for disabling a placeholder option in a required dropdown field? <select required> <option value='' disabled>Select an option...</option&...
1
vote
2answers
54 views

External link to a bookmark

Sample code: <!DOCTYPE html> <html> <head> <title>Another Website Name</title> </head> <body> <h1>Fruits</h1> <h2>...
1
vote
2answers
136 views

How should I display two user inputs that depend on each other?

I'm writing a web application with HTML5/JS. On one page there are two numeric inputs (A and B) where input B must always be equal or higher than input A. So if the user enters 500 in A, B must be 500 ...
1
vote
2answers
75 views

Formatting page titles: Organization first or page, and which delimiter [duplicate]

Usually there is a format for page titles: {{page_name}} | {{organization_name}} Sometimes the delimiter is a bar, a hyphen, a slash... Sometimes the organization comes first. I would think that ...
1
vote
1answer
140 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 "...
1
vote
3answers
226 views

Do help icons in headings interfere with heading-based navigation?

If I have: <h2> Edit your details <a href="/help?topic=editDetails"> <img src="/images/helpIcon.gif" width="20" height="20" alt="Help about: Editing your ...
1
vote
2answers
71 views

HTML Entity ( Unicode ) Character UI Reference List

I find that I have trouble articulating this question, but it's something like this: I'm looking for a list of html entities from the standpoint of UI and UX. In other words, a list of all html ...
1
vote
2answers
170 views

How to transform desktop UI to smartphone UI?

I have a live demo here, based on HTML, CSS, JS and Metronic. It's currently planned to be displayed on desktops, yet it's quite responsive (a little bit...) and I'd like to convert it to be displayed ...
1
vote
2answers
108 views

Is use of disabled option on select a good approach for showing existing invalid value?

Sample scenario to illustrate the type of problem I'm trying to solve: Online store has orders and in the order it refers to a product. Users can edit existing unsubmitted orders and one of the ...
1
vote
3answers
119 views

How to browse a long list of artists and songs

I have a mobile app that allows you to browse lists of songs: [a][b][c][d][e] Elvis - Song 1 Elvis - Song 2 Elvis - Song 3 Ernie Wood - Song 4 You can jump to the letter to filter based on the ...
1
vote
1answer
207 views

How To Point User To Form Control In Help Text HTML/CSS

I'm sure that this has an "answer" somewhere, but I find myself having difficulty articulating what I'm looking for in a search query. Is there a standard text formatting to use when directing user ...
1
vote
1answer
327 views

Accessibility of combobox UI widget

I believed ALT+DownArrow is a standard shortcut key to launch the list of options in a combobox field. JAWS however reads To set a value use the arrow keys or type a value when the combobox field gets ...
1
vote
2answers
664 views

Can/Should I Label an informational span for screen readers?

I have an informational span, specifically, a span full of stars that represent a rating (star icons that can be filled or unfilled). As is, it shouldn't be visible at all to a screen reader, since ...
1
vote
3answers
1k views

Quiz in a HTML email - alternative for displaying form elements

One of our clients wants to send a HTML mail containing a quiz. I don't know how this sort of quiz is called in English, but i will try to explain: There are questions in one ordered list, each ...
1
vote
3answers
667 views

Is there a better way than a drop down HTML select to offer website users a long list of links to jump to?

I am creating a sort of jump page for my team. We need to be able to select from a list of about 20 - 30 portals to jump to from this page. Would the HTML select be the best way to offer that or, as ...
1
vote
3answers
727 views

How to make the switch from full stack dev to UI/UX developer? And, do UI/UX devs exist?

Some background info: I am a junior .Net MVC developer who is great at nothing but good at everything. All my development experience up to this point has been full stack which is great because I ...
1
vote
5answers
500 views

What is the best way to condense this filter screen when you have a filter control on multiple fields?

I have a bunch of multi select list boxes vertically one after the other and listed as part of a filter web page. So when this are on top of each other it looks like this ( the below pic shows 3 of ...
1
vote
1answer
84 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 ...
1
vote
2answers
67 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 ...
1
vote
3answers
808 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 ...
1
vote
1answer
392 views

Can this double picker be achieved by a web app (not a native app)?

Can this double picker be achieved by a web app in HTML (not a native app)?
1
vote
2answers
284 views

Data Display of Tables: Table Cells with Must-See Values

I have a data-driven web app with horizontal resolution limit of 1280px, yet up to 15 columns (table cell data varying between 0-255 characters). I wouldn't like to display data on multiple rows as it ...
1
vote
1answer
26 views

Web based content outline - mixing roman and natural numerals

Content folks submitted a document for publishing containing outline sections having mixed roman and natural numbers. II Favorite Ice Cream Flavor 1. frozen yogurts 1.1 vanilla 1.2 chocolate 2 ...
1
vote
1answer
40 views

How to reference a part of the page that could be below or to the right

I've got a basic contact form (not currently "live"; it won't actually submit), which has a small area of the page as a description of "how to contact us". In this section, I reference the contact ...
1
vote
1answer
44 views

Linking to vs. embedding content on a web page

I'm designing a simple informational page, and I want to maximise readability and make the page as efficient as possible. Currently, I have two PDFs embedded into the page that users can scroll ...
1
vote
2answers
547 views

Layout of filters in HTML form

I'm struggling to figure out a decent way of laying out a filtering system in an otherwise simple HTML form. For context, the form is used to submit issues, like those you see on an ISP or web host's ...
1
vote
1answer
292 views

Optional question with one selection from multiple options

I have a form where I have many questions that: Can be left unanswered Have short list of options that should be all visible Only one of the options can be selected at a time The current solution ...