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

learn more… | top users | synonyms

1
vote
1answer
617 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 ...
5
votes
4answers
860 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? ...
1
vote
1answer
198 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
147 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
4answers
237 views

Starting responsive web design from desktop planning? (project time crunch)

Backstory: Our product team has begun finalizing details for a user accounts project, which will be worked on in a fluid framework. But, responsive web design had just been brought up to the product ...
3
votes
2answers
858 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 ...
2
votes
1answer
797 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 ...
5
votes
2answers
591 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 ...
-2
votes
1answer
1k views

Use of typekit fonts [closed]

I was wondering if Typekit fonts are used on any big sites. I know on their site https://typekit.com/ it says Twitter and NYTimes use it, but actually checked out the source on their pages, it doesn't ...
0
votes
3answers
185 views

Different approach for this layout

Here's my form layout. Clicking the add school will add another form table at the bottom. And I think the "Add School" button is too long.. How can I improve this..
2
votes
1answer
239 views

Long content in Tables

What is the best way maximize readability when displaying variations of long/short text within table?
-3
votes
1answer
2k views

metro style UI is too early or not [closed]

I think metro style UI is just beautiful and user friendly. It is suitable for both Tablet and PC. Should I make my new website design in metro style or conventional standard?
1
vote
1answer
206 views

Search result template and readability

This is my current layout: The sentence on top means "Results in the WHOLE SITE for: abc" "Whole site" becomes the name of the section if you're searching in a single section. Then you see each ...
-1
votes
2answers
5k views

Gallery of form Progress Tracker UIs for web apps? [closed]

I'm building web UI for a "wizard" workflow with 4 sequential steps-- users proceed in order from Step 1 through Step 4. I'd like to include a progress indicator showing the user where in the ...
10
votes
4answers
794 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 ...
33
votes
6answers
4k 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 ...
49
votes
10answers
5k 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:     —    ...
1
vote
2answers
242 views

Tag form interface

This is my form: I need some help because i have no experience with web interfaces. I would like it to be estethically pleasant without taking too much space (it's rendered several times for every ...
2
votes
3answers
189 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 ...
4
votes
3answers
450 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 ...
3
votes
2answers
215 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
1answer
4k 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 ...
5
votes
4answers
357 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 ...
0
votes
1answer
683 views

nice way to display data row by row

I often see many tutorials about how to make forms pretty, but I don't see as many showing how you can display the result in a pretty way. I mean, when the data has been input and you'd like to ...
3
votes
2answers
277 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 ...
4
votes
3answers
198 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 ...
2
votes
0answers
199 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 ...
14
votes
6answers
556 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
9k 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 ...
4
votes
2answers
355 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?
3
votes
3answers
914 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 ...
4
votes
2answers
5k 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 ...
3
votes
4answers
142 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?
1
vote
1answer
974 views

CSS-based form display of data (not input controls) examples [closed]

I'm looking for examples for how to show data (not form inputs) with field name/field value on a form. Everything I find on CSS is always form INPUT fields. I'm looking for a css layout for form DATA. ...
12
votes
8answers
5k 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 ...
35
votes
6answers
36k 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, ...
4
votes
5answers
3k views

Recommended button sizes on web pages

What are the current usability guidelines for the size of buttons (or anything clickable) on web pages?
6
votes
7answers
2k 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 ...
10
votes
4answers
5k 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 ...
0
votes
2answers
375 views

Improve the User Interface of Website [closed]

So I am using Visual Studio 2008, ASP.net 3.5, with the basic toolkit provided. Now I have made the GUI with a lot of functionality but the design is very basic and looks too old. I need to give it ...
-2
votes
3answers
594 views

XHTML / HTML / CSS or HTML5 and CSS3 [closed]

Should I learn HTML / XHTML / CSS first, or should I just dive into HTML5 and CSS3? I am a bit confused about this process. I do know basic HTML / CSS, but am planning on re-learning everything these ...
0
votes
2answers
1k views

How many CSS Files should there be for one website? [closed]

Well, the title is my question. I (the programmer) want exactly one for caching and compressing reasons but my designer keeps sending me separate files for each site. Maybe there's a designer point ...
9
votes
7answers
491 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 ...
1
vote
3answers
284 views

Do you use a CSS framework? [closed]

If so - which framework do you prefer and why?
-1
votes
5answers
2k views

Mixing percent and fixed CSS [closed]

I cannot delete the question but I have moved it to SO: http://stackoverflow.com/questions/3600204/mixing-percent-and-fixed-css Should you ever apply percentage and fixed CSS together? Will it cause ...
6
votes
4answers
331 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 ...
5
votes
2answers
213 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?
2
votes
2answers
1k 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 ...
13
votes
5answers
894 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
759 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: ...