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

learn more… | top users | synonyms

0
votes
0answers
27 views

Approval and Grouping Process

I've been working on this feature, and I can't find a solution that will make me happy. I have 2 columns. The left Column has a table-like list of sales commission items (and corresponding info) ...
0
votes
0answers
7 views

How to organize a grid with fixed width but variable height boxes to fill available space [migrated]

I'm looking at Pinterest as a design inspiration, where they have fixed width column, but each of the grid items fill all of the available space (and have variable heights). Here is an example: My ...
0
votes
0answers
19 views

Position custom list according to the page boundary [closed]

here i don't know the technically what will call but will try to explain the scenario what i want to achieve. following is the image what i am facing issue when page right boundary is not touching ...
0
votes
0answers
26 views

CSS - How change cursor property for submit button? [closed]

Please see these css code: #buttonFlat1{ margin-top: 5px; text-align: center; border: solid #4A6801 1px; display: block; width: 100%; background-color: #96CE00; color: #2b542c; font-size: 1.4rem; ...
3
votes
1answer
42 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 ...
58
votes
12answers
14k views

Is clockwise or counter-clockwise rotated text easier to read?

When rotating text with css, should it be rotated clockwise or counter-clockwise? Is one more readable than the other? Counter Clockwise:     —    ...
3
votes
4answers
91 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 ...
0
votes
1answer
153 views

What makes Reverse scrolling a sign of Bad UI?

My client needed to design a fully SVG animated website with reverse scrolling. But, I heard some people say things like: Try avoiding Reverse Scrolling, It's a sign of Bad UI design etc... What ...
47
votes
6answers
60k views

Default cursor on mouse over of a button is not a hand pointer

Why is the default cursor an arrow when you hover over an HTML <button>? I always thought that arrows let you select stuff, but hands let you execute an action. Since buttons execute actions, ...
18
votes
4answers
4k views

Why are CSS cursor types so rare on the web?

Coming across this handy CSS Cursor tool I wondered: why are the CSS cursor types other than default, pointer and text so rare on the web? Even most web applications don't go further than these three ...
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 ...
25
votes
7answers
31k views

Responsive Breakpoints?

Twitter Bootstrap uses these break points for responsive design: Large Display: 1200px Default: 980px Tablet: 768px Mobile: 480px A client said they are using 1280px for their Large Display ...
6
votes
2answers
151 views

Why should I use em, and not % for fonts?

If ems essentially give you a result that is a percentage of the base font, what advantage is there to using it, rather than % for font sizing? I have looked around, and haven't really seen anything ...
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 ...
0
votes
2answers
48 views

HTML Title Attribute Instead of The Tag Content [closed]

Considering accessibility, can I use: <a href="about.html" title="About"></a> without any content, instead of: <a href="about.html">About</a> Associated with this CSS ...
1
vote
1answer
410 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 ...
0
votes
1answer
55 views

Best way to style an “output box”? [closed]

How would you stylize an "output box" where data is being written onto a dashboard-like screen? It is for an operator to be able to monitor incoming data. I want the user to be able to easily ...
4
votes
5answers
116 views

Are there good practices to verbally describe the animations in your site before coding starts?

Is there a process, tool, prefered method to describe css animations, forwards and backwards, before you start coding them? I lose a lot of time describing the animations and/or picking up feedback ...
76
votes
7answers
7k views

Is “user-select: none” bad UX?

I was having a discussion today with a colleague. I showed her "user-select: none" - a CSS property that stops a user from selecting text. To me, this property allowed a more app-like experience to ...
2
votes
3answers
111 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; ...
4
votes
3answers
188 views

How practical is the accessibility requirement to view pages with CSS disabled?

As a practical matter, aside from what Section 508 states about web documents being readable without relying on an external stylesheet, do vision-impaired users really try to browse the web with css ...
1
vote
3answers
151 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 ...
5
votes
4answers
405 views

Should Website “Container” elements reach the bottom of the screen?

I've got a fixed width layout site much like SE and Twitter and it personally bugs me when my "short" pages don't reach the bottom of the page. I've been wondering if this is a purely stylistic issue ...
0
votes
1answer
88 views

New to UX. Should I focus on Web Design or UX in general? [closed]

I'm new to UX, and long story short, I"m not sure whether to focus my time on web design or UX in general. This is probably a stupid question but I hope it makes sense. I'm proficient with HTML and ...
2
votes
2answers
116 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
3answers
70 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 ...
8
votes
3answers
1k views

Display input text that exceed input width

I'm having some issues when the user types extensive text in a small input field. I need some good way to display data that will be cut off. I tried to use a Bootstrap based Tooltip or Popover on ...
5
votes
8answers
7k views

How wide should a responsive-designed website be?

Maybe this is a stupid question but I wonder if it changed. Websites used to be 960px wide so all screen resolution could easily see all the content. But with the new 'responsive-design' and html5 ...
1
vote
3answers
3k 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
271 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 ...
2
votes
1answer
51 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 ...
0
votes
0answers
16 views

making good view of how to use my website [duplicate]

I am working on a website and want to make - lets say - page or navigation bar or anything describing the steps of using it to help the user to use my website and help him understand how to get his ...
1
vote
0answers
73 views

Using CSS cursor Property, how to show a webpage link opens in new tab? [closed]

Some a-href links on my page open new tabs in the browser. I want the cursor to change slightly to one that lets desktop users know it is a target=_blank link. Has anyone been able to develop a ...
0
votes
2answers
82 views

Is this login arrangement better than a typical social signin?

First I had a social signin which was nearly identical to the old stackexchange login and my login looked almost exactly like SO:s "login with google" "Login with facebook". Now we have designed our ...
1
vote
5answers
2k 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 ...
11
votes
3answers
778 views

When to use grab vs move cursor?

I am making an app with a drag and drop UI. I plan on changing the cursor when hovering over the draggable elements. What's the difference between the move and grab cursors? Can they be used ...
8
votes
2answers
794 views

Should :focus and :hover styles be the same or distinct?

I'm in the midst of redefining a cross-application style guide, and I want to make sure we're accounting for accessibility in the design, including contrast ratios, text sizes, and focus states. One ...
3
votes
1answer
324 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 ...
5
votes
4answers
273 views

Lowering opacity on hover. Isn't it totally wrong?

It's a common practice to highlight an element on hover state. By highlighting it, I obviously mean making it more visible than other elements. But lately, I've witnessed the opposite trend on a ...
2
votes
2answers
243 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 ...
18
votes
5answers
3k views

Can text shadow enhance readability?

CSS font shadows are often used to help make text stand out (or in, or colorful, or many other fancy things.) I'm wondering if it can be used to aid readability. I know finding the right amount of ...
5
votes
2answers
147 views

How long of an initial load time are users willing to endure if it means faster access later?

I am creating a website where I output 10 posts when user comes to the website and then I fetch +10 more if they click the button to do so. I output each post in two parts - the main one and the ...
3
votes
4answers
715 views

Minimalistic or fancy?

There is this question that is in my mind for a long time, and I personally feel I'm not pretty good when it comes to user experience, so because of that I had decided to stick to minimalistic ...
24
votes
2answers
2k views

What value does :focus CSS state add for buttons?

We all know that :hover is required if you want to create sophisticated user experience. It allows users to recognize a click option on an element. I wonder what value does :focus add for buttons? ...
0
votes
1answer
83 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 ...
1
vote
2answers
328 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, ...
2
votes
3answers
153 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 ...
3
votes
5answers
411 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 ...
0
votes
2answers
157 views

How can I determine the appropriate color,font for a website based on target group? [closed]

I am a web designer and often my clients ask me these kind of questions: What kind of site colors reflect my product? If my target group is of low income, what kind of colors/shapes does my website ...
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 ...