Questions tagged [css]

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

Filter by
Sorted by
Tagged with
74 votes
12 answers
37k 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:     —    ...
John's user avatar
  • 965
29 votes
7 answers
35k 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 ...
Xtian's user avatar
  • 960
82 votes
8 answers
98k 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, ...
JoJo's user avatar
  • 10.8k
15 votes
7 answers
14k views

iPad/iPhone alternative for hover states

I've recently updated my personal portfolio with some CSS3 and jQuery magic. I'm extremely pleased with the results and yes, it's fully responsive. But i have an issue. I've structured my portfolio ...
benhowdle89's user avatar
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 ...
Gn13l's user avatar
  • 313
0 votes
2 answers
357 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 ...
rick1's user avatar
  • 103
50 votes
7 answers
21k views

Why do websites not use entire width of browser?

What reasons might a website not use the entire width of the browser, like Gmail does? For example, StackOverflow does not use the entire width — it has left and right margins. This means the ...
kensen john's user avatar
32 votes
4 answers
11k views

Why rounding odd font sizes to even?

Today I started implementing a design that had some copy text with font size 17px. My fellow web developer told me that we should round that to 18px and more in general that we should not use odd font ...
user131683's user avatar
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)...
Vince Varga's user avatar
11 votes
7 answers
4k views

Do you consider the "960 Grid System" one of the "Holy Grails" of User Experience layouts? [closed]

Is there a "Holy Grail" of layout? I recently redesigned a website for a client (University of Connecticut Coop), where I happened upon a link in their old code to this article: "http://www....
jffgrdnr's user avatar
  • 1,644
10 votes
6 answers
676 views

Should I style my buttons?

Are there any major advantages / disadvantages in styling ones buttons like Facebook, Twitter and StackExchange - vs. not styling them like Craigslist and 4chan?
Mark Boulder's user avatar
  • 1,886
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 ...
aames's user avatar
  • 83
8 votes
6 answers
26k views

Recommended button sizes on web pages

What are the current usability guidelines for the size of buttons (or anything clickable) on web pages?
Tony the Pony's user avatar
6 votes
8 answers
24k 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 ...
Kees Sonnema's user avatar
5 votes
2 answers
9k views

User Profile Dashboard Design [closed]

I am trying to create a user profile dashboard for an application I am building using CakePHP. However, I am struggling to wrap my brain around a good layout/design for it. Basically, I am looking to ...
AKKAweb's user avatar
  • 153
4 votes
2 answers
1k views

What happens when the focus rectangle isn't clear?

I get a lot of clients that comment that the focus box isn't obvious enough in some browsers. Is it common and good practice to make it more obvious? If so, how exactly do people do this?
KemanoThief's user avatar
3 votes
1 answer
904 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 ...
Steve's user avatar
  • 881
1 vote
1 answer
56 views

Why does Google use `user-select: none;` on the text in their google meets web app?

Whenever I'm reading a webpage, I often double click text to orient myself on the page (and for something to do I guess). I recently landed on https://meet.google.com/ after a meeting and was ...
Gus Bus's user avatar
  • 111