Questions tagged [css]
CSS, short for Cascading Style Sheets, is a language used to control the presentation of HTML and XHTML documents.
220
questions
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 ...
- 578
6
votes
3
answers
1k
views
Is a raised-looking textbox appropriate or confusing?
I'm working on a website and the client is asking for raised-looking textboxes to match the look of the rest of the site. However, this makes the textboxes look like buttons that could potentially ...
- 163
2
votes
1
answer
434
views
What is a standard Visual design effect to indicate default button?
What is an example of a standard (easily recognized) visual effect to indicate which button is the default ("if in doubt, click this").
In my application, the buttons are in a column (necessary b/c ...
- 1,558
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 ...
- 960
1
vote
2
answers
78
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 hide ...
- 119
1
vote
2
answers
289
views
How can I improve this simple form?
I have a simple form with 2 text fields and a search button.
I.e. something like this:
I don't like the checkbox as it is. How could I improve this better?
- 133
0
votes
2
answers
236
views
Red text for confirmation message [duplicate]
I'm working on a site which has its main colors as a dark red and carbon fiber as main colors. After an email is sent, a confirmation message is displayed. Would it be acceptable to make this ...
3
votes
2
answers
1k
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 ...
- 295
2
votes
5
answers
559
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 ...
- 295
8
votes
3
answers
12k
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 ...
- 153
5
votes
1
answer
945
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 service.
...
- 427
2
votes
3
answers
2k
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 ...
- 123
4
votes
3
answers
1k
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 ...
- 141
6
votes
2
answers
935
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 ...
- 219
3
votes
2
answers
720
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 ...
- 31
0
votes
2
answers
652
views
Different ways to show photo being selected with tag
I am trying to do a UI that show a photo (or box) being selected and tagged. For example:
http://behance.vo.llnwd.net/profiles/59549/projects/3012199/8c0a114a08fa35bfbb0e6bc32936a525.jpg
Original ...
- 245
3
votes
3
answers
3k
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 like ...
- 1,886
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?
- 1,886
0
votes
2
answers
1k
views
What does ?v2 mean after a file extension [closed]
A site I get on allot has updated a few of their files, and I wanted to know the meaning of them. For example, their CSS, and majority of their images. Before their update, the file was called "...
- 27
-2
votes
1
answer
128
views
using custom css rules while surfing websites [closed]
Everyday I visit some websites regularly. Some of them have great content but terrible design. So is there a way to use custom css rules for that ones, without changing every time in Firebug?
For ...
- 111
4
votes
1
answer
1k
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 in ...
- 209
6
votes
2
answers
563
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 ...
- 643
1
vote
1
answer
1k
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 ensure ...
- 243
5
votes
4
answers
3k
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?
http://cherne.net/brian/resources/jquery....
- 1,886
1
vote
1
answer
316
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 code ...
- 123
2
votes
2
answers
293
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 ...
- 21
1
vote
4
answers
291
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 ...
- 111
4
votes
2
answers
2k
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 ...
- 1,308
2
votes
1
answer
2k
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 ...
- 123
6
votes
3
answers
2k
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 distracting?...
- 391
-1
votes
1
answer
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 ...
- 107
0
votes
3
answers
233
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..
- 143
3
votes
1
answer
452
views
Long content in Tables
What is the best way maximize readability when displaying variations of long/short text within table?
- 751
-5
votes
1
answer
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?
- 115
1
vote
1
answer
241
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 ...
- 133
-1
votes
2
answers
8k
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 ...
- 1,833
9
votes
4
answers
1k
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 of ...
- 583
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 ...
- 603
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: — ...
- 965
2
votes
2
answers
315
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 ...
- 133
2
votes
3
answers
241
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 ...
- 123
4
votes
3
answers
744
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
2
answers
266
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 ...
- 129
3
votes
1
answer
6k
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 ...
- 43
5
votes
4
answers
470
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 ...
- 40.8k
0
votes
1
answer
1k
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 ...
- 177
3
votes
2
answers
1k
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 ...
- 131
4
votes
4
answers
289
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 ...
- 143
2
votes
0
answers
210
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 the ...
- 29
14
votes
6
answers
3k
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?
- 243