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
2answers
215 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
112 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
1k 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
192 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
385 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
126 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
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 ...
2
votes
1answer
180 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
2answers
278 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
1answer
820 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
2answers
132 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
244 views

Long content in Tables

What is the best way maximize readability when displaying variations of long/short text within table?
2
votes
1answer
324 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
1k 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
938 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
1answer
102 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
3answers
173 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
191 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
263 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
180 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
1answer
81 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
424 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
251 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
681 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
258 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
309 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
5answers
308 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
3answers
83 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
2answers
116 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
137 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
2answers
46 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
192 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
1answer
121 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
172 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
3answers
140 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
3answers
128 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
217 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
193 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
240 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
70 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
62 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
363 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
249 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
77 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
25 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
117 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 ...
1
vote
1answer
123 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
125 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
509 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
121 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 ...