CSS, short for Cascading Style Sheets, is a language used to control the presentation of HTML and XHTML documents.
1
vote
0answers
45 views
How to give a site a mockup look? [migrated]
My boss's boss decided that I have to show the current stage of my work to my stakeholders, so they can get a feeling for the web application I am developing for them. It is a greenfield development, ...
0
votes
0answers
46 views
Y Slow for colors? [migrated]
We're completely color illiterate on our team. Our internal site has a lot of black and white, but I've heard that too much contrast is bad. And people don't respond well to the look of our site.
...
8
votes
5answers
314 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 ...
0
votes
0answers
79 views
What is a good design for moving entities from the current role/place to another? [closed]
I need to create from an html page the following functionality:
I will simplify the domain problem. Assume that I have a person e.g. a teacher that goes to a specific building to work i.e a school.
So ...
1
vote
2answers
44 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 ...
0
votes
2answers
130 views
How can I improve this simple form?
I have a simple form with 2 text fields and a searh button.
I.e. something like this:
I don't like the checkbox as it is. How could I improve this better?
0
votes
2answers
50 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 ...
5
votes
2answers
154 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 ...
15
votes
6answers
20k 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, ...
2
votes
2answers
64 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
1answer
67 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 ...
7
votes
2answers
108 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 ...
-2
votes
1answer
113 views
Using media queries what are the best breakpoints for desktop, tablet, and mobile [closed]
If I am using media queries to change the layout of my site, which width 'breakpoints' should I set e.g. @media all and (min-width:500px) { … } for desktop, tablet, and mobile versions of my site?
4
votes
1answer
100 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 ...
2
votes
3answers
424 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 ...
1
vote
3answers
96 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 ...
6
votes
2answers
165 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 ...
0
votes
0answers
73 views
How to choose a CSS Framework that fits me? Which criterias should I consider? [closed]
Since today, I wrote plain CSS and html. I always followed the evolution of CSS and HTML (and Javascript) so yes, I'm aware of the new features here and there.
However, since I want to stop using ...
2
votes
3answers
154 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 ...
0
votes
0answers
86 views
Liquid vs responsive design [duplicate]
I have gone through this post but there is still one thing that confuses me.
This is my understanding of the 2 kinds of layouts:
Liquid Design
For instance, i have a 3 column layout and i decide to ...
2
votes
2answers
78 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 ...
0
votes
2answers
144 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 ...
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: — ...
-2
votes
3answers
510 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 ...
1
vote
1answer
171 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
vote
1answer
90 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 ...
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 ...
4
votes
2answers
266 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?
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 ...
3
votes
3answers
482 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 ...
8
votes
6answers
398 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?
13
votes
5answers
703 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, ...
0
votes
2answers
344 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 ...
-1
votes
2answers
132 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 ...
-3
votes
1answer
72 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 ...
4
votes
1answer
393 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 ...
1
vote
1answer
230 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 ...
4
votes
2answers
204 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
2answers
112 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
196 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
238 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
573 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 ...
0
votes
0answers
152 views
Does css3 pie work with IE9 [closed]
Probably my second post on UX :)
Just wanted to know if the css3 pie works with IE9?
I'm not sure of the current version the site is running.
But it does work on IE7 and 8 but not IE9.
Any ideas?
...
5
votes
2answers
395 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 ...
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 ...
-3
votes
1answer
190 views
Is it bad to have two levels of drill-down data shown at once? [closed]
As a general rule of design is it looked down upon to have more than one div on top of the page contents?
I have a table displaying a list of records. When one is clicked, another table is added ...
30
votes
6answers
3k 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 ...
-2
votes
1answer
841 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
170 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
178 views
Long content in Tables
What is the best way maximize readability when displaying variations of long/short text within table?
