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
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 ...
0
votes
1answer
283 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
258 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
939 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
670 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
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 ...
2
votes
1answer
86 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
732 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
312 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
379 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
57 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 ...
2
votes
3answers
580 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
972 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
890 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
2k 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 ...
5
votes
1answer
139 views

Elements running from the viewport perimeter, is there a name for that functionality?

So you know how if you right click on your desktop, the menu will appear either at the top-left, top-right, bottom-left, bottom-right depending on where your cursor is on the page? (<select> ...
-3
votes
1answer
4k views

Form validation best practice using Twitter Bootstrap when input fields close each other

I am programmer not designer nor ux designer. So, I am using Twitter Bootstrap framework for design the page with input elements on it. Basic requirement for my form is - It should fit into 1024x768 ...
3
votes
1answer
143 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 (window/browser)....
0
votes
1answer
160 views

PSD's in Themes on sites like Themeforest and more [closed]

I'm trying to figure out why sites like Themeforest requires you to design a PSD template of an HTML or even Wordpress Template that you're designing. Yes sure it might be for the odd-one-out that ...
1
vote
5answers
508 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 ...
5
votes
2answers
2k views

How to layout form navigation for best usability?

Is there any usability study about layout of form buttons? I have a simple registration process. The user is guided with several forms through the process. Each form has a <next> and a <back&...
1
vote
3answers
673 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 ...
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....
4
votes
2answers
1k views

Need a font with unambiguous letters for commonly confused characters [closed]

Must-have A few stipulations for an unambiguous font: - It must be easily legible. - It must have a slashed zero (so as to distinguish it from capital O). - It must sufficiently differentiate ...
4
votes
2answers
9k views

Html best input type for boolean values selection

In web development, html , what is the best input type to be used if users are only given two choices? basic true or false for example? active or inactive? my choices are: two radio buttons, dropdown ...
3
votes
3answers
2k 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 ...
19
votes
5answers
2k views

WAI-ARIA & HTML5 - Why should I favor the latter?

I want to learn more about how to make webpages more accessible, so I've spend the last few hours reading about WAI-ARIA. Still, the whole concept isn't quite clear to me - HTML5 is part of that ...
9
votes
4answers
2k views

Best way to display continents and countries lists on a web page

A world map and two lists displayed on a web page are connected. Hover over "Romania" link and the Romania region highlights on the world map (jVectorMap fiddle example). As you can imagine, the two ...
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 ...
3
votes
2answers
171 views

Dimensional Field Input

I have a HTML form that requires the user to specify dimensions for an item they are ordering. A list must show for standard or popular dimensions. Originally this would happen when the field is ...
0
votes
2answers
1k views

How to design a precise UX/UI using javascript/jquery web components?

Nowadays, it seems that designers are having more cross-skills with front-end developers as never before. My question is: How a UX/UI designer would be able to precisely design/describe front-end ...
1
vote
2answers
788 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 ...
0
votes
2answers
80 views

Distinguish a user's HTML-based content from other, non-user-generated HTML

I have text content that users entered using TinyMCE, so it contains a good bit of HTML. I need to display this content back to them on a page along with a few other things, but the user-generated ...
0
votes
3answers
582 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 display-block">Something...</div&...
1
vote
1answer
919 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
334 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
410 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
202 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 ...
4
votes
3answers
182 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
243 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
152 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
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 ...
-3
votes
2answers
571 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
2k 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 ...
9
votes
3answers
790 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
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 ...
3
votes
2answers
394 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
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?
10
votes
4answers
8k 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
718 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; } ...