CSS, short for Cascading Style Sheets, is a language used to control the presentation of HTML and XHTML documents.

learn more… | top users | synonyms

3
votes
5answers
414 views

Displaying package comparisons for mobile?

On my desktop website I have 3 packages listing all the features included for each package and their prices with an option to add to basket. All packages are on the same page next to each other so ...
3
votes
4answers
96 views

Best way to ask the user which dictionary he wants to use

I'm making a javascript widget that will allow the user to see the translation of a specific word together with examples featuring that word, synonyms, etc. This how it works: On the desktop) The ...
3
votes
4answers
406 views

What kind of visual cues would you use to show 3 different states for object?

I have an app where I want to show 3 different states for object. Active, Deleted and Draft... So basically my question is: What kind of visual cues would you use for each of the above and why? ...
3
votes
1answer
348 views

Material Design CSS specifications [closed]

Are there Google- or other reference CSS3 style sheets available for Material Design? Google's Material Design guidelines are written using Android layout units. The only Google-sanctioned CSS-based ...
3
votes
1answer
5k views

Most Common Screen Size used to play facebook games?

I am developing a facebook game. this game is written in php/Jquery/CSS. Up until recently, facebook games have been display in an iframe that was 720px wide. But recently, they gave the option to ...
3
votes
3answers
995 views

How to align social buttons without losing vertical space?

I've add in some social buttons to one of our pages. I don't want to have to put them in a horizontal row because that'll push more products down below the fold. This is my idea so far: Close ...
3
votes
1answer
118 views

When should I use cursor:default?

On a website, text will by default have the cursor:text type which looks like this: However I've noticed some websites use the cursor:default type on text. When should cursor:default be used on ...
3
votes
2answers
1k views

Does the Foundation framework comply with Section 508 and other accessibility standards?

I'm considering using the Foundation framework for a responsive design for two of my current projects, but I would like to know this: is Foundation designed to adhere to accessibility standards? If ...
3
votes
1answer
50 views

How to handle text in limited space with multiple languages and long words

We have english and german versions of a few pages, and the issue I've come across is that often, there are german words that have many more characters than their english translation. Laying the pages ...
3
votes
1answer
136 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 ...
3
votes
2answers
251 views

Static tooltips vs tooltips that follow the mouse

This is for a debug app (programming) that prints additional information when the mouse is over a certain element. For example, the app can display a list of class methods. When the user mouse over a ...
3
votes
2answers
305 views

Displaying count of something on the corner of a div.

So i have a list of things and each list item has primary information and supplementary information. One of the data items in the supplementary information is a count. The user may choose to interact ...
3
votes
2answers
235 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
2answers
2k 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
208 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
91 views

Is it right to animate forms in corporate platforms? [closed]

I working on an internal user panel for a company that provide premium services. in their platform has lots of forms with too different inputs. It is so important to users to know where there are and ...
2
votes
3answers
160 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 ...
2
votes
1answer
59 views

Accessibility concerns with outline:none

Are there any Accessibility drawbacks to removing outlines on focus outside of users being affected visually? I like having a little more control over the design of elements than outline provides, so ...
2
votes
1answer
310 views

What is a standard Visual design effect to indicate default button?

What is an example of a standard (easily recognized) visual effect to indicate which button is the default ("if in doubt, click this"). In my application, the buttons are in a column (necessary b/c ...
2
votes
1answer
1k 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
3answers
242 views

User interface for either/or text input [duplicate]

I have an either/or scenario for text input which I'd like to mock up as shown below. Any ideas how I can proceed with html/css (this should be responsive). Edit : Sorry for being unclear. Not sure ...
2
votes
3answers
80 views

Discrete and visible div over img/video

I have an video tag with an div displayed on top. The div is pretty nice looking and visible for the most part, only dark images are a bit problematic. For the sake of testing I searched out 3 ...
2
votes
3answers
2k views

How to design a futuristic-looking application

I was hoping to get some advice from some more experienced UX developers. I have been presented with a unique challenge by my customer, and I feel like I am failing. Specifically, they want a UI that ...
2
votes
1answer
305 views

Long content in Tables

What is the best way maximize readability when displaying variations of long/short text within table?
2
votes
3answers
52 views

Good UX for confirming and then selecting a value in a form

I'm creating an interface for users to create and define a hot drink. I have a check box for add milk and another for add sugar. If the user confirms this selection I would like to allow them to ...
2
votes
2answers
266 views

Is it considered best practice to have buttonset hover and active to have the same style?

From looking through the web at various buttonset examples, many of them have the hover and the active css style as the same. In other cases its quite different (with Active having a complete ...
2
votes
2answers
392 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
3answers
114 views

Should I use an Adaptive Design for my website?

My idea is to one page, but when you screen size is smaller than 'x', then you will not see the desktop content, only the mobile content. This will work something like this; ...
2
votes
2answers
119 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
4answers
108 views

What's a good icon to represent testing? [closed]

Looking for an icon that could represent "click here for significance testing" I have seen scales, bell curves, etc. Looking for other ideas and/or graphic sources.
2
votes
1answer
141 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 ...
2
votes
0answers
202 views

What is the new user interface that services like Google/Google+ are using? [duplicate]

Possible Duplicate: What is the top navigation called when it is common to a network or suite of websites? Recently Google/Google+ and other services have adjusted their menus to the top of ...
1
vote
5answers
3k views

Basic color scheme for great readability [closed]

Are there any good recommendations for web site color scheme that provide good readability e.g. body text color (body) main heading color (h1) sub heading color(h2, h3 etc) background color border ...
1
vote
2answers
270 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
734 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
3answers
4k views

Back button look bootstrap which one to use?

I have a multi page web app where the user first selects some information and uploads a file to import, then the file will be sent to the back end for processing. After that the results will be ...
1
vote
2answers
330 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
4answers
1k views

Grid layout - why should I use it, and should I use a framework like Bootstrap or Foundation?

I had experience with Twitter Bootstrap and Foundation, and I personally think the only thing I want to use is their grid system. Other features are just bloated. So I read about the prospect of a ...
1
vote
1answer
477 views

Print mode, will users always print at 8.5 x 11?

So we are setting up a printable coupon page (using a print media query in css) which gives you a good bit of flexibility but it got me wondering; how often are people printing pages outside of 8.5 x ...
1
vote
3answers
916 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
28 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 ...
1
vote
4answers
198 views

Why should “cancel” and “confirm” button have the same size?

A lot of UI Framework provide 2 different types of buttons: 1) The first one: a sort of confirmation button 2) The secondo one: used as a "cancel" button The UI of the two buttons could be different: ...
1
vote
2answers
355 views

What would be a mobile friendly solution for a range slider with input controls?

I have a range slider with two input controls, each with a higher/lower button. The user should be able to make his input by sliding (fast but not accurate), typing into the inputs (average speed, ...
1
vote
1answer
1k views

What is jqueryUI trying to represent with their new search icon?

JqueryUI seems to have a new site design. They seem to have opted for unusual icon for their search box. Viewing the source yeilds: /* Font Awesome uses the Unicode Private Use Area (PUA) to ...
1
vote
1answer
289 views

Common techniques/resources for formatting source code?

Two parter: Does anyone know of any stylesheets that are meant to format like visual studio, also any that format like chrome's javascript debugger. What's the preferred way of formatting source ...
1
vote
2answers
193 views

Ideal file size for large backgrounds

Currently I'm developing a widget for a client, which has a step by step wizard style of filling using javascript. However, their widget for desktop would use 2 large backgrounds to fill up the entire ...
1
vote
3answers
135 views

Use a web framework (Bootstrap) or write my own CSS from scratch? [closed]

We are a startup building an ERP platform. It has lots of screens (10-15) and will be a browser first application. We are a team of 3 and our skillset is mostly javascript specifically Angular. We ...
1
vote
1answer
203 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
3answers
638 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
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 ...