Questions tagged [css]
CSS, short for Cascading Style Sheets, is a language used to control the presentation of HTML and XHTML documents.
220
questions
46
votes
8
answers
11k
views
How to enable users to insert an infinity number
I am designing a web page which give admin users the opportunity to manage the users below them. in one section of this admin page, the admin user is required to fill out how many queries he permits ...
- 677
5
votes
2
answers
505
views
Science behind spacing
I'm aware that this question will be very vague, but I'll put it out there at the chance that someone will know what I'm talking about.
I recently read an article about the science behind spacing and ...
- 51
5
votes
4
answers
4k
views
Marking box as expandable box intuitivly
I designed a site with several boxes (which located one under the other).
Each box contains information about a specific topic- a title (the name of the subject) and a text (the explanation of this ...
- 677
1
vote
1
answer
169
views
Best way to display failed login from a nav login
I want to do a login for users that is strictly in the nav. If the user hasn't logged in, they can always login in from the nav. One thing I have noticed is that websites like Facebook and GoodReads ...
- 13
104
votes
9
answers
48k
views
Why don't <button> HTML elements have a CSS cursor pointer by default?
A friend was asking me why <button> HTML elements don't have a CSS cursor pointer by default?
It is the default behavior for links, and can be achieved on a button with
button { cursor:pointer;...
- 2,562
0
votes
2
answers
358
views
how better place back button?
Our main goal is, to keep the ability to go back SOMEWHERE
but we don’t want it to be too prominent. Where should we put that button?
This is the link to the live page where this button called 'Ürün ...
- 103
0
votes
1
answer
151
views
What are the benefits and drawbacks of using 2 or more CSS Framework? [closed]
I have experience in Bootstrap, Foundation, and Sematic UI.
On my next application, I am planning to use
Bootstrap for Grid
Foundation for Menu & Side nav
Semantic UI for Forms, icons, etc.
...
- 101
0
votes
1
answer
113
views
How can I design my form better? [closed]
I have a price calculation form which looks very basic. I want to make it look little better. Like the '+' and '-' button look like bootstrap button and having a shadow. I also want to have a subtle ...
- 1
3
votes
1
answer
910
views
Standard numbers for responsive layout
What are the (standard) numbers to work with, when making css responsive layout?
@media screen and (min-width: px) {
/* Mobile */
}
@media screen and (min-width: px) {
/* Tablet */
}
@media ...
- 881
2
votes
5
answers
226
views
Solution to two merging backgrounds
The Item management is part of a dropdown menu and the Author is part of a heading list. But since both have the same black background, it looks like Item management and Author are part of the same ...
14
votes
1
answer
13k
views
Tooltip CSS cursor
I am at a bit of a loss as to what cursor I should be using for tooltips that have no click through behaviour. I have a hover only tooltip are I currently use the CSS cursor:
cursor: pointer
However ...
- 1,373
0
votes
1
answer
201
views
Tips for "better" white space
I am currently working on the front end of a key server.
The problem that I am having, is that i have got many pages, which do not hold much information and I do not know, how I can fill out the white ...
- 101
0
votes
3
answers
2k
views
Use of Max-Width In Fluid (Or Responsive) Web Design
I see that a lot of fluid websites use a min-width and max-width property on their web pages designed mainly for desktop. When the browser width is less than min-width, content stops shrinking and the ...
- 101
0
votes
2
answers
76
views
Exploratory Interface across Mobile Devices
I'm working on a site were the features are shown as exploratory items (http://codepen.io/sevenearths/pen/rWzgba). This all works well on computers where users can hover over elements and additional ...
- 103
20
votes
2
answers
6k
views
Why is the Google Search Results page not responsive? [closed]
As every web developer/designer, I read many articles about why responsive web design is important. We are also often told, that you can learn a lot by observing the UI (and optionally the code itself)...
- 303
2
votes
2
answers
2k
views
Is there a pattern for an HTML select box that provides existing hardcoded values but also needs to be able to take custom input?
I have a menu of reference information, like below.
download bmml source – Wireframes created with Balsamiq Mockups
The above fields are progressively pre-populated by the system, and user has ...
- 287
1
vote
3
answers
351
views
Best table layout to compare definitions and examples (text)
I want to present a table that compares correct and incorrect definitions of words, with examples. What is the best table layout for this?
Eg
Too
Correct: More than expected; also.
Example: I, too, ...
- 111
6
votes
2
answers
2k
views
Accessibility color difference best practices
I was planning on using #663399 and #f8f8f8 as a foreground and background color.
The Color Contrast Tool, like others, is passing the contrast ratio as described by WCAG, but is failing color ...
- 167
1
vote
2
answers
379
views
What is the best UI for dashboard?
I am currently working on a project which requires a user dashboard. I'm toying between two options. My main concern with a minimalistic layout is that it is a waste of clicks.
I'm a huge fan of ...
3
votes
2
answers
397
views
Responsive Web Design based on physical size?
The current practice of using media queries via pixel-thresholds is fine, but what if someone decided to use their 50-inch 4k tv as a vertical monitor and actually sit really close to it?
I could see ...
- 131
2
votes
0
answers
187
views
I need horizontal scroll bar with fixed width and right side checkbox [closed]
I need horizontal scroll bar with fixed width and right side check box.
Currently I truncate the text, but I need horizontal scroll without truncate.
Refer my sample page is here:- https://jsfiddle....
- 21
0
votes
3
answers
2k
views
How to make a close button "X" stand out from a image [closed]
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 ...
- 125
0
votes
2
answers
665
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 - ...
- 601
9
votes
4
answers
4k
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 ...
- 93
1
vote
1
answer
55
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
3
answers
1k
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 ...
- 11
10
votes
2
answers
2k
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-...
- 203
42
votes
4
answers
36k
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?
- 591
1
vote
1
answer
1k
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 ...
- 11
3
votes
2
answers
1k
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 ...
- 131
2
votes
0
answers
33
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 ...
- 121
1
vote
1
answer
193
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 ...
- 195
2
votes
1
answer
71
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-...
- 597
3
votes
3
answers
121
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 ...
- 118
3
votes
3
answers
5k
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 ...
- 31
0
votes
1
answer
115
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.
- 171
6
votes
1
answer
3k
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 ...
- 161
3
votes
1
answer
3k
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 ...
5
votes
4
answers
2k
views
Why should "cancel" and "confirm" button have the same size?
A lot of UI Frameworks provide 2 different types of buttons:
a sort of confirmation button
a "cancel" button
The UI of the two buttons could be different: different colors, background, borders, etc. ...
- 51
2
votes
1
answer
1k
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 ...
- 23
2
votes
4
answers
212
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 ...
- 123
2
votes
2
answers
783
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 ...
- 123
18
votes
4
answers
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 ...
user12741
7
votes
2
answers
1k
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 ...
- 453
2
votes
3
answers
88
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 ...
- 135
0
votes
2
answers
131
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 rule:
...
- 101
0
votes
1
answer
225
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 ...
- 101
4
votes
5
answers
471
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 ...
- 143
117
votes
8
answers
21k
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 ...
- 1,275
2
votes
3
answers
133
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/...
- 61