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
130 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
476 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
343 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
836 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
149 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
2answers
113 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
62 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
138 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
206 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
35 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
130 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
102 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
114 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
3answers
217 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
197 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
255 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
334 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
552 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
539 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
428 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
81 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
711 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
2answers
279 views

Tag form interface

This is my form: I need some help because i have no experience with web interfaces. I would like it to be estethically pleasant without taking too much space (it's rendered several times for every ...
1
vote
1answer
375 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
222 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
25 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
39 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
40 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
526 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
253 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 ...
1
vote
1answer
317 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 ...
1
vote
1answer
810 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 ...
1
vote
3answers
151 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
180 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 ...
1
vote
1answer
235 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 ...
1
vote
3answers
149 views

A User-Friendly Table - What Solution?

Today, this is my table and if I select one of the row, it shows a select icon. I want to make it more user-friend that you can see the whole row to be selected. Gmail has that functionality. In my ...
1
vote
2answers
190 views

What is/are the best HTML form control(s) to capture exact and approximate dates

I'm currently using <input type="date"> to capture a date. However, a lot of users don't know the exact date but still want to record an approximate date. I want to encourage as high a degree ...
1
vote
1answer
276 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, ...
1
vote
0answers
44 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 ...
1
vote
0answers
865 views

select and deselect radio button when i select the drop down list onchange [closed]

I have two selection drop down lsits and four radio buttons.I mean when I select one content of first dropdown list, I get the respective value in sencond drop down list.Now, important question is ...
1
vote
1answer
231 views

Search result template and readability

This is my current layout: The sentence on top means "Results in the WHOLE SITE for: abc" "Whole site" becomes the name of the section if you're searching in a single section. Then you see each ...
0
votes
1answer
347 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 ...
0
votes
2answers
818 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 ...
0
votes
2answers
81 views

Why the browsers take shades of blue while selecting?

Why the browsers take shades of blue (colors specified in SO post here) while we select the text ? Is there any special reason for the same ? Note:Question moved from StackOverflow
0
votes
4answers
223 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
3answers
522 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 ...
0
votes
4answers
309 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 ...
0
votes
1answer
148 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 ...