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
3answers
57 views

How to make a close button “X” stand out from a image

I have an image looks like satellite map where I want to put a close button at the top right corner. What I have now is just a span with "X". It's an 100% overlay on a popup so clicking outside ...
0
votes
2answers
49 views

Color scheme for 1-4 ratings

I am task with shading the table cells containing ratings: Good (1) , Better (2), Best (3), Gold (4) or blank (as in not rated). It is possible that in the future another rating would be added - ...
9
votes
4answers
148 views

Where does Business Analyst fits in core UX/UI technology flow

User Experience (UX) Designer = Research + Design UI Developer = Design + HTML/CSS/JS Application Developer = HTML/CSS/JS + Back-End coding With reference to above diagram i would like to know ...
1
vote
1answer
32 views

Should I use labels for geographic locations?

I have a website similar to craigslist for online classified media. I redesigned a list of items now using semantic-ui and labels for the geography. Would it be better to use breadcrumbs e g Georgia &...
0
votes
3answers
57 views

How do I make extremely basic data look presentable? [closed]

I have a modal that is so boring and ugly I cannot stand to look at it. In a user table, the user can press a button to view all details about the user (the table only shows name, role, etc). This ...
10
votes
2answers
361 views

Anchor tag accessibility on SO

I noticed this question on SO Meta, and I was curious what the best solution would be. I understand the accessibility concerns, and I would like to see the need met, but I'm not terribly fond of text-...
27
votes
4answers
4k views

Is Helvetica considered a “web safe” font?

Should I consider the font Helvetica to be a web-safe font, i.e. is it a reliable source to set in my CSS that will be accessible on any device?
1
vote
1answer
62 views

Field allignment with error labels

I am looking for possible solutions that could be used to make our forms look better when displaying errors. Our application is using Government of Canada Intranet Theme (WET 4) with bootstrap. The ...
1
vote
2answers
59 views

UWP for web site development

I was reading about UWP (universal windows platform) design guidelines on MS website. This is mostly about applications, not websites. However, is there something similar from MS when I want my ...
1
vote
0answers
87 views

Web page design : what kind of web elements do I use? [closed]

For a group assignment I'm in charge of providing the front-end for a Java Server Page (JSP). I'm stuck at the actual design of this application. I basically have two problems, and if you could help ...
2
votes
0answers
24 views

Looking for an effective way to allow people to put on a slide show of documents and videos [closed]

Currently we have this http://torontotigroup.byethost7.com/documents.html I'm looking for something that is easy to use, for both me and the reader, and works effectively on as many devices as ...
1
vote
1answer
50 views

Are there any practical reasons as to why one should show css outline on a focused radio button?

A while ago, I found a css stylesheet for checkboxes and radio buttons, which could use font-awesome icons as symbols. I had just used the checboxes until recently, but expanded my form to include ...
1
vote
1answer
34 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 text-...
2
votes
3answers
97 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
272 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 ...
0
votes
1answer
92 views

How is the UI of DADA-DADA.net built? [closed]

DADA-DADA.net How is the interface of this site built ? What's going on here ? Any hints would be appreciated. Thanks.
5
votes
1answer
175 views

how to represent disabled cells into a table with alternate row color

I'm creating an editable html table with alternate row color with a focused row highlighting . When a cell is clicked, the user can modify its content. Considering all of these, I need to indicate ...
0
votes
1answer
52 views

Is the context-menu cursor a useful replacement for the pointer when opening a context-menu?

To connote that an element opens a menu and is not a link, we are using cursor: context-menu. See example. Our target browsers all support the cursor. I can't find any relevant discussion on the ...
2
votes
4answers
232 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: ...
0
votes
0answers
87 views

Product/Service Comparison Table for Mobile + Desktop?

I'm making a website for a company that provides services with different package levels. I'm having trouble finding a nice way to make the table/chart that displays the differences between packages. ...
3
votes
1answer
64 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
4answers
98 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
175 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 ...
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 ...
6
votes
2answers
242 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
55 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 ...
0
votes
1answer
65 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
139 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
8k 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
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; http://jsfiddle.net/...
4
votes
3answers
340 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 ...
0
votes
1answer
93 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
122 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
87 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 ...
1
vote
3answers
189 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
3answers
6k 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
415 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
63 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 ...
1
vote
0answers
86 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
95 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 ...
12
votes
3answers
1k 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 ...
3
votes
1answer
373 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
309 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 ...
10
votes
2answers
2k 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 ...
18
votes
5answers
4k 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
155 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
740 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
3k 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
102 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 ...