CSS, short for Cascading Style Sheets, is a language used to control the presentation of HTML and XHTML documents.
41
votes
11answers
3k 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: — ...
29
votes
6answers
2k 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 ...
14
votes
6answers
510 views
What is more pleasing to the eye fade in or suddently appear
I have a pop up menu. What is said to be easier on the users' eyes? Should I just have it appear immediately using visibility = true or should I have it fade in using opacity animation?
14
votes
6answers
18k 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, ...
13
votes
5answers
690 views
box-shadow hover effect when box isn't necessarily clickable
It isn't a secret that giving the user feedback on a link hover (image swap/sprite, link color/decoration change, etc.) is a necessary practice for optimal UX.
In css-tricks.com's recent redesign, ...
11
votes
8answers
584 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:
...
11
votes
6answers
6k 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 ...
11
votes
8answers
2k views
What are the rules of thumb for margins in web design?
My web designer tells me that in a web page, the empty margins or padding should always be multiples of a standard. For example 6 px, 12px, 18px. This should produce nicely balanced lay-outs. I would ...
9
votes
7answers
458 views
Bridging the gap between color palettes and CSS
I'm familiar with sites such as kuler, I'm well-versed in HTML/CSS/JavaScript (as a programmer), and I know what sort of content I want in my website. I can figure out how to lay out my content ...
9
votes
4answers
624 views
How can I display forum paging on a mobile UI in a more pleasant way?
I am having a problem trying to find out how to display the page numbers on a forum in a pleasant way.
Please look at the picture below:
As the picture shows, the page numbers appear to the right ...
9
votes
4answers
3k views
Table usability/Readable font for a data table
What's the best font for a data table? Monospace is good but takes up more room, so you can't have as much whitespace between the items. Similarly, what are some good usability principles for data ...
8
votes
6answers
392 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?
7
votes
2answers
90 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 ...
6
votes
7answers
1k views
One website for multiple client resolutions
I keep thinking that although creating a single website for multiple client resolutions or screen sizes might be hard work, it's far more maintainable than creating a separate website for each device ...
6
votes
4answers
302 views
How to optimise the space used by tags in the right column of StackExchange sites?
In this meta question about what the StackExchange UI site should look like, I'm working on (read: messing around with) a design for the site. I'm using a web-based tool to edit the page's CSS, which ...
6
votes
2answers
158 views
How to style a button - AJAX vs Hard Refresh?
When I'm casually surfing the internet, I stumble upon random buttons that I'm not really sure if they're going to open up a modal or just slide down a div so I just get scared of clicking them in ...
5
votes
2answers
148 views
Measurement to use when designing for desktop and mobile
I am currently working on a web based administration interface which has a lot of controls, such as sliders, check boxes, input fields, etcetera. The interface should work on desktops, tablets and ...
5
votes
2answers
192 views
What's the best way to design the web interface which runs the same on almost all resolutions?
With web pages, what's the CSS framework or any other idea, which may show the web pages the same way on almost all screen resolution using div?
5
votes
2answers
384 views
Guidelines/best practices for CSS hover animations in web UI
What, if any, are the accepted guidelines and/or best practices for using CSS animated transitions on hover in a web-based user interface? When does it start to simply become annoying and ...
4
votes
3answers
293 views
Any evidence of increased click through rates on blue underlined links in html emails?
I'm redesigning our company email template. At the moment links are grey, bold and not underlined. I don't think this makes it very clear that it is a link. My gut instinct tells me that I should make ...
4
votes
2answers
258 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?
4
votes
1answer
85 views
How to direct users through a multi-step payment process?
I'm trying to develop a payment process for my users. Here are the steps that are required:
User views the page that outlines all the awesome features that you get if you pay for the premium ...
4
votes
4answers
299 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 ...
4
votes
3answers
178 views
Advice on website design layout
I have a website that has a menu at the top. On some pages there is a sub menu that is at the left hand side, but this is only on some pages. How then would be best to design the page layout given ...
4
votes
2answers
184 views
User-friendlier dropdowns with hoverIntent?
Is it a good idea to use hoverIntent (which introduces a slight movement-predicted delay to prevent accidental hover-offs) for user-friendlier dropdowns?
...
4
votes
2answers
3k views
User Profile Dashboard Design
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 ...
4
votes
1answer
357 views
Idea for improved usability for HTML form checkboxes and radio buttons [duplicate]
Possible Duplicate:
Should the cursor change to pointer over radio buttons, checkboxes, their labels and selects?
My problem is that the little checkbox and radio buttons for form controls ...
3
votes
6answers
1k views
Recommended button sizes on web pages
What are the current usability guidelines for the size of buttons (or anything clickable) on web pages?
3
votes
4answers
112 views
What are some things to consider when optimizing a web page for a projector? [closed]
I'm guessing I should plan for low resolution and big fonts? Any good examples out there?
3
votes
3answers
799 views
How to align social buttons without losing vertical space?
I've add in some social buttons to one of our pages. I don't want to have to put them in a horizontal row because that'll push more products down below the fold.
This is my idea so far:
Close ...
3
votes
2answers
207 views
Does the Foundation framework comply with Section 508 and other accessibility standards?
I'm considering using the Foundation framework for a responsive design for two of my current projects, but I would like to know this: is Foundation designed to adhere to accessibility standards? If ...
3
votes
2answers
187 views
Question on fluid web design
There are 2 ways in which we can implement a fluid design (one that would adjust itself to the screen size on which it is viewed on);
Approach 1: We can just use the available browser size (or ...
3
votes
2answers
252 views
Displaying count of something on the corner of a div.
So i have a list of things and each list item has primary information and supplementary information.
One of the data items in the supplementary information is a count. The user may choose to interact ...
3
votes
3answers
54 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 ...
2
votes
3answers
385 views
Labels inside or outside text inputs? [duplicate]
Possible Duplicate:
On forms, is inline placeholder text better than a label outside each field?
Are there any advantages / disadvantages in placing ones labels outside ones text inputs ...
2
votes
2answers
764 views
What is the best way to center images in websites? [closed]
Every time I work on a new project I do not have any problems to center the text using "text-align: center" to center the text, but I have never seen a similar code to center images so I always have ...
2
votes
3answers
149 views
Branding websites aimed for mobile devices
I'm currently working on a website which is also supposed to be mobile optimized.
My client has provided me with a layout of how the mobile version of how the website should look like. Making their ...
2
votes
1answer
63 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 ...
2
votes
1answer
557 views
Website Design Event Calendar [closed]
I have a registration website for an upcoming event. I have a link (itinerary) on the page that takes them to another page showing them the itinerary for the event. The problem is, I don't have ...
2
votes
1answer
2k views
Most Common Screen Size used to play facebook games?
I am developing a facebook game. this game is written in php/Jquery/CSS. Up until recently, facebook games have been display in an iframe that was 720px wide. But recently, they gave the option to ...
2
votes
3answers
374 views
How to design a futuristic-looking application
I was hoping to get some advice from some more experienced UX developers. I have been presented with a unique challenge by my customer, and I feel like I am failing.
Specifically, they want a UI that ...
2
votes
2answers
72 views
Static tooltips vs tooltips that follow the mouse
This is for a debug app (programming) that prints additional information when the mouse is over a certain element.
For example, the app can display a list of class methods. When the user mouse over a ...
2
votes
1answer
175 views
Long content in Tables
What is the best way maximize readability when displaying variations of long/short text within table?
2
votes
2answers
49 views
Adding, Removing and Re-ordering of a large list of items for MOBILE
I am having trouble finding the best solution for the best possible user experience for Mobile. I have done a solution for desktop, but really struggling for a solution for mobile
I have a large list ...
2
votes
0answers
196 views
What is the new user interface that services like Google/Google+ are using? [duplicate]
Possible Duplicate:
What is the top navigation called when it is common to a network or suite of websites?
Recently Google/Google+ and other services have adjusted their menus to the top of ...
1
vote
3answers
89 views
User interface for either/or text input [duplicate]
I have an either/or scenario for text input which I'd like to mock up as shown below. Any ideas how I can proceed with html/css (this should be responsive).
Edit :
Sorry for being unclear. Not sure ...
1
vote
1answer
213 views
What is jqueryUI trying to represent with their new search icon?
JqueryUI seems to have a new site design. They seem to have opted for unusual icon for their search box.
Viewing the source yeilds:
/* Font Awesome uses the Unicode Private Use Area (PUA) to ...
1
vote
1answer
80 views
Common techniques/resources for formatting source code?
Two parter:
Does anyone know of any stylesheets that are meant to format like visual studio, also any that format like chrome's javascript debugger.
What's the preferred way of formatting source ...
1
vote
2answers
109 views
Ideal file size for large backgrounds
Currently I'm developing a widget for a client, which has a step by step wizard style of filling using javascript. However, their widget for desktop would use 2 large backgrounds to fill up the entire ...
1
vote
2answers
39 views
Hiding the bottom half of a table [closed]
I have a view in a webapp which looks like this, though generally with many more rows:
Currently, all rows with a Status of 'Deprecated' are sorted to the bottom. I want to update this view to ...
