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

1
vote
3answers
60 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 ...
0
votes
1answer
15 views

Clear selected character of Alphabet Filter

I'm working with a results grid for which I am adding an "alphabet filter": The darkened portion indicates the selected letter for which to filter. I'm attempting to find a good way to indicate ...
0
votes
1answer
29 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 ...
2
votes
3answers
94 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 ...
14
votes
4answers
2k views

Is there any recommended control for triple options like YES / NO / NONE?

I'm designing a user opinion page where the user has three choices. For instance, if the question is "Is it suitable?" the three options could be "YES", "NO", or "NoIdea". In this case, what control ...
0
votes
2answers
110 views

How do you design UI with multiple forms within a table?

My current UI: Notable points: gray row(s) including the input fields on the left, and the Save button towards the right, are part of a single form. Del button on the right is a form entire ...
0
votes
1answer
51 views

How to improve UI within a form, where a field can change type, based on data you want to enter

Goal: I want to have a input field that changes its name and value based on what the person wants to enter. Scenario: I have a form that currently goes like this: Some Data input field ...
1
vote
1answer
36 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 ...
0
votes
1answer
35 views

When is it appropriate to change a site's tabindex?

I'm building a sign-up form filled with multiple input fields. To increase the rate in which the form is filled out I decided to dynamically set the tabindex at the first input field. Naturally after ...
1
vote
3answers
158 views

How do you make it very obvious that the user should click on a text input that has an onclick event?

I have an input that invokes a datepicker (with pickadate.js) that requires the user to click on it to choose a date. This is what it looks, as an example: From a UX perspective, how do you make it ...
1
vote
1answer
100 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 ...
2
votes
1answer
176 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 ...
1
vote
1answer
147 views

Design: Custom code UI desgin Or Framework like Bootstrap, Foundation etc [closed]

I have been assigned a task of redesigning existing project screens with latest technology in responsive web design (RWD) to support more devices. I have analysed there are frameworks like bootstrap, ...
0
votes
4answers
111 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?
0
votes
0answers
135 views

Tips for a complex sorting/filtering UI

I have a work in progress at http://yipgo.com, in short lets you define items with timestamps and then view them in a read-only agenda summary page. It's important to allow users to customise the way ...
-1
votes
1answer
132 views

Why does the title attribute have a delay?

In HTML the title attribute usually displays a little popup conveying information about the element. In most—if not all—browsers the popup doesn't appear immediately but after few seconds. Why was ...
1
vote
2answers
63 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: ...
3
votes
1answer
113 views

Placeholder Miscommunication Prevention

I've been doing some research into text input placeholders, and came across this: Pardot User Guide: Placeholders are not Substitutes for Labels. What struck my interest was: Data suggests that ...
1
vote
1answer
28 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
1answer
70 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 ...
0
votes
2answers
76 views

How to render a mobile in HTML5 / CSS3 / Javascript

I am developing a website to promote my app and want to render a mobile which will display different images in transition. Some like done on these pages: http://www.whatsapp.com/ (Uses a background ...
0
votes
2answers
59 views

How to improve Sales Statistics?

Staffs can see Sales Statistics on their dashboard which allow them to see number of sales made per day. This is a weekly Statistic. For example, on Tuesday Paul have 4 sales which has been ...
1
vote
2answers
84 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 ...
0
votes
1answer
150 views

Best Practice: HTML/CSS Anchor Styling

I have a column layout (left column is the main article and right column is the sidebar) for a website. All of the links are orange, but I want to make the sidebar menu links dark gray. Could this be ...
3
votes
3answers
109 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 ...
2
votes
3answers
253 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 ...
-1
votes
2answers
212 views

jQuery - best way to present huge amount of scrollable data [closed]

I have an array with length of 1.5k, each entry needs to be shown (set of DIV's per entry) but when I'm showing it all at once the browser hangs most of the time. I'm trying to figure out the most ...
18
votes
5answers
2k views

Should input fields be cleared out when the user selects them?

I have a few input fields in my form with some default values (numbers). Please note, they are not just placeholders, i.e. they can be used as is, if they are not changed. I was wondering if I should ...
1
vote
2answers
49 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
3answers
258 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
95 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
1answer
192 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 ...
0
votes
1answer
363 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 ...
0
votes
2answers
40 views

Suggestions for making user management as quick to navigate and maintain as possible

I am looking for ways to make user management on my own small sales team system as quick to navigate/manage as possible. Right now I just have a very basic table, but in keeping with my current ...
0
votes
2answers
129 views

Best Pattern for Creating Plans

In my web app I allow users to create payment plans for their subscribers. I currently only support one option: a monthly charge. I am working on adding multiple options, including one-time payments. ...
1
vote
1answer
161 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 ...
0
votes
1answer
128 views

UI design for mapping configurator

Looking to design an admin page that will allow users to map meta data between external and internal web service We have internal process xml file that contain order details that may be fulfilled by ...
4
votes
3answers
182 views

Affordance of ContentEditable elements (without changing the background)

Context I want to use the ContentEditable attribut instead of classic inputs. It sounds like a duplicate of Affordance of Edit In Place functionality, but actually I would like to avoid the changing ...
4
votes
3answers
366 views

Acessibility… tables or lists

I am creating a list of links which have the following in them: link title and url a comment about the link a date that the link was posted I wish to do this using accessible best practice, but ...
1
vote
3answers
268 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
5answers
354 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 ...
2
votes
1answer
79 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 ...
1
vote
3answers
233 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 ...
0
votes
3answers
210 views

What kind of framework do you use when you are prototyping in browser? [closed]

This is a question for those who actually do some wireframes in HTML. What kind of frameworks (Zurb Foundation, Bootstrap, Wirefly) or combinations (Boilerplate + Grid system) or just plain HTML/CSS ...
1
vote
1answer
167 views

Another option for popup selector

I have a form which has a disabled field for company name. It has a button, on clicking it, a search window opens up and there we can search the company name and then submit. On Submit,the disabled ...
0
votes
1answer
47 views

Things i would need to learn [closed]

Hello everyone and thanks in advance for helping me out. I just graduated from a video game conception school and i want to get into UX for video game or mobile app. The thing is i don't know where to ...
3
votes
3answers
345 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 ...
1
vote
3answers
319 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 ...
3
votes
3answers
395 views

Alternative to a lot of checkboxes

I need to give a user the ability to select (on/off) a subset of options from a list. There are over 100 of these choices to be made and the list will get longer. The data is not user friendly either. ...
17
votes
1answer
673 views

Is it ok to use h1 and then h3 instead of h1 and then h2?

I am doing an accessibility review on a site but I have never done that before. I read the WCAG 2.0 document which said that the headings have to be in logical order. There is a page with h1s and ...