Questions tagged [css]
CSS, short for Cascading Style Sheets, is a language used to control the presentation of HTML and XHTML documents.
220
questions
8
votes
3
answers
2k
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 ...
- 83
0
votes
1
answer
110
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 ...
- 9
2
votes
2
answers
371
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 ...
- 23
2
votes
3
answers
1k
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 ...
- 21
1
vote
3
answers
516
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 ...
- 123
3
votes
3
answers
20k
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 ...
- 555
1
vote
2
answers
2k
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 ...
- 113
2
votes
1
answer
348
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 ...
- 237
0
votes
2
answers
159
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 ...
27
votes
3
answers
10k
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 ...
- 591
3
votes
1
answer
783
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 ...
- 40.9k
5
votes
4
answers
1k
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 ...
- 1,064
21
votes
3
answers
13k
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 ...
- 351
21
votes
5
answers
16k
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 ...
- 313
5
votes
2
answers
200
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
4
answers
923
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 ...
- 43
27
votes
2
answers
4k
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? ...
- 805
0
votes
1
answer
267
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 ...
- 103
1
vote
2
answers
1k
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, ...
- 425
2
votes
3
answers
219
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 ...
- 274
0
votes
2
answers
169
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
1
vote
1
answer
305
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 ...
- 173
1
vote
1
answer
1k
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 ...
- 19
2
votes
4
answers
582
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.
- 21
1
vote
4
answers
6k
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 ...
- 87
0
votes
2
answers
386
views
How to render a mobile in HTML5 / CSS3 / Javascript
I am developing a website to promote my app and want to render a mobile which will display different images in transition. Some like done on these pages:
http://www.whatsapp.com/ (Uses a background ...
- 265
0
votes
1
answer
664
views
Best Practice: HTML/CSS Anchor Styling
I have a column layout (left column is the main article and right column is the sidebar) for a website. All of the links are orange, but I want to make the sidebar menu links dark gray. Could this be ...
4
votes
1
answer
284
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 text?...
- 143
2
votes
2
answers
536
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 "...
- 1,341
0
votes
2
answers
137
views
Suggestions for making user management as quick to navigate and maintain as possible
I am looking for ways to make user management on my own small sales team system as quick to navigate/manage as possible. Right now I just have a very basic table, but in keeping with my current ...
- 113
0
votes
1
answer
487
views
Device based responsive design instead of browser based
I am creating a website, my real worry is to maintain the layout applicable for both mobile and desktop users.
Responsive design is very popular and there are tons of template available on internet ...
- 221
0
votes
1
answer
461
views
Facebook Share Button equal to Twitter Tweet Button [closed]
I made a working Twitter "Tweet" button through: https://about.twitter.com/resources/buttons#tweet (which indeed does appear on my site on localhost) and really need a Facebook "Share" button that ...
- 103
4
votes
2
answers
6k
views
Are there any statistics on number of users who alter their font size (zoom, custom style, etc.)?
One of the reasons for using em measurements (especially for mediaquery widths) is based on the fact that we should allow the user to alter their font size to suit them -- either by zooming their ...
- 849
0
votes
3
answers
2k
views
Toggling visibility of right sidebar on/off
On a website using a layout with main content to the left and a right sidebar, I would like to add a button to show/hide sidebar to maximize the main content (see image below).
Another option would ...
- 3
0
votes
3
answers
2k
views
How to make the switch from full stack dev to UI/UX developer? And, do UI/UX devs exist? [closed]
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 ...
- 129
0
votes
1
answer
779
views
Menu Dropdown and color palette (theme color) questions [closed]
I have been able to create my own drop down menu. I moved it from being HTML / CSS to using jQuery to help, so that the menu drop down stayed when its parent element was hovered over.
-> My biggest ...
- 3
0
votes
1
answer
99
views
Things I would need to learn [closed]
Hello everyone and thanks in advance for helping me out. I just graduated from a video game conception school and I want to get into UX for video game or mobile app. The issue is: I don't know where ...
- 9
2
votes
3
answers
2k
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 ...
- 121
10
votes
4
answers
2k
views
Using aspect ratios for responsive design breakpoints
I am trying to figure out what the best way to make my site responsive would be. It seems a lot of people base responsive design off screen pixel dimensions, but I feel breakpoints in aspect ratio ...
- 113
3
votes
1
answer
288
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 (window/browser)....
- 133
2
votes
1
answer
576
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 item....
- 21
11
votes
2
answers
12k
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 ...
- 166
3
votes
4
answers
558
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?
...
- 173
0
votes
2
answers
2k
views
How to design a precise UX/UI using javascript/jquery web components?
Nowadays, it seems that designers are having more cross-skills with front-end developers as never before.
My question is: How a UX/UI designer would be able to precisely design/describe front-end ...
- 55
1
vote
4
answers
2k
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 ...
- 213
1
vote
2
answers
2k
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 ...
- 55
-1
votes
3
answers
105
views
CSS or Image for phone development [closed]
Considering how many screen sizes for Android, I am thinking should I put an image for toolbar or responsive background css image.
I am developing a mobile web-site.
CSS:
Good for multiple screens, ...
- 314
0
votes
3
answers
1k
views
What is the best convention to add css class(es) to a HTML element? [closed]
I couldn't come up with a simple title that explains my problem, but I'll try to be clear.
Is this a good convention:
<div class="margin10 padding20 font28 display-block">Something...</div&...
- 211
5
votes
2
answers
3k
views
How big is too big for a modal dialog?
My devs are currently working on a form that appears in a modal dialog- it was pretty big to begin with, but now they've added some fields and it's hanging off the screen- now they want to adjust the ...
- 147
4
votes
2
answers
423
views
How can I style an editable text area so that its purpose is implicit?
I considered a skeuomorph using yellow paper with lines but it seemed tacky and didn't fit the overall design of the page. The textarea fills an entire "panel" on the page just like other panels of ...
- 143