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
71 views

How To Point User To Form Control In Help Text HTML/CSS

I'm sure that this has an "answer" somewhere, but I find myself having difficulty articulating what I'm looking for in a search query. Is there a standard text formatting to use when directing user ...
-2
votes
0answers
20 views

IE7 issue - What will be the css for a background image in div for IE 7 [closed]

I want to show a background image in a div, and for this i have used the below css but its working fine in all browser including ie, except IE 7, Please find the below screenshot to see the ...
-1
votes
0answers
22 views

make d3 bar charts and bubble charts with more prettier tooltip and wrapped label text [closed]

Is there any handy library or css style can let me apply some styles on my d3 components ? I copied something from here , but it still looks ugly http://bl.ocks.org/Caged/6476579 Thanks
3
votes
6answers
2k 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 ...
1
vote
1answer
44 views

Design: Custom code UI desgin Or Framework like Bootstrap, Foundation etc [closed]

I have been assigned a task of redesigning existing project screens with latest technology in responsive web design (RWD) to support more devices. I have analysed there are frameworks like bootstrap, ...
0
votes
0answers
63 views

Tips for a complex sorting/filtering UI

I have a work in progress at http://yipgo.com, in short lets you define items with timestamps and then view them in a read-only agenda summary page. It's important to allow users to customise the way ...
0
votes
1answer
43 views

Print mode, will users always print at 8.5 x 11?

So we are setting up a printable coupon page (using a print media query in css) which gives you a good bit of flexibility but it got me wondering; how often are people printing pages outside of 8.5 x ...
2
votes
4answers
51 views

What's a good icon to represent testing? [closed]

Looking for an icon that could represent "click here for significance testing" I have seen scales, bell curves, etc. Looking for other ideas and/or graphic sources.
1
vote
5answers
171 views

Basic color scheme for great readability

Are there any good recommendations for web site color scheme that provide good readability e.g. body text color (body) main heading color (h1) sub heading color(h2, h3 etc) background color border ...
49
votes
10answers
6k 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:     —    ...
0
votes
2answers
52 views

How to render a mobile in HTML5 / CSS3 / Javascript

I am developing a website to promote my app and want to render a mobile which will display different images in transition. Some like done on these pages: http://www.whatsapp.com/ (Uses a background ...
22
votes
7answers
17k 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 ...
1
vote
4answers
458 views

Grid layout - why should I use it, and should I use a framework like Bootstrap or Foundation?

I had experience with Twitter Bootstrap and Foundation, and I personally think the only thing I want to use is their grid system. Other features are just bloated. So I read about the prospect of a ...
0
votes
1answer
112 views

Best Practice: HTML/CSS Anchor Styling

I have a column layout (left column is the main article and right column is the sidebar) for a website. All of the links are orange, but I want to make the sidebar menu links dark gray. Could this be ...
1
vote
1answer
105 views

Is it considered best practice to have buttonset hover and active to have the same style?

From looking through the web at various buttonset examples, many of them have the hover and the active css style as the same. In other cases its quite different (with Active having a complete ...
4
votes
5answers
4k 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
1answer
84 views

When should I use cursor:default?

On a website, text will by default have the cursor:text type which looks like this: However I've noticed some websites use the cursor:default type on text. When should cursor:default be used on ...
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 ...
0
votes
2answers
34 views

Suggestions for making user management as quick to navigate and maintain as possible

I am looking for ways to make user management on my own small sales team system as quick to navigate/manage as possible. Right now I just have a very basic table, but in keeping with my current ...
0
votes
3answers
328 views

Toggling visibility of right sidebar on/off

On a website using a layout with main content to the left and a right sidebar, I would like to add a button to show/hide sidebar to maximize the main content (see image below). Another option would ...
0
votes
1answer
118 views

Device based responsive design instead of browser based

I am creating a website, my real worry is to maintain the layout applicable for both mobile and desktop users. Responsive design is very popular and there are tons of template available on internet ...
8
votes
3answers
398 views

Using aspect ratios for responsive design breakpoints

I am trying to figure out what the best way to make my site responsive would be. It seems a lot of people base responsive design off screen pixel dimensions, but I feel breakpoints in aspect ratio ...
1
vote
2answers
186 views

Are there any statistics on number of users who alter their font size (zoom, custom style, etc.)?

One of the reasons for using em measurements (especially for mediaquery widths) is based on the fact that we should allow the user to alter their font size to suit them -- either by zooming their ...
0
votes
1answer
327 views

Facebook Share Button equal to Twitter Tweet Button [closed]

I made a working Twitter "Tweet" button through: https://about.twitter.com/resources/buttons#tweet (which indeed does appear on my site on localhost) and really need a Facebook "Share" button that ...
1
vote
3answers
191 views

How to make the switch from full stack dev to UI/UX developer? And, do UI/UX devs exist?

Some background info: I am a junior .Net MVC developer who is great at nothing but good at everything. All my development experience up to this point has been full stack which is great because I ...
0
votes
1answer
120 views

Menu Dropdown and color palette (theme color) questions [closed]

I have been able to create my own drop down menu. I moved it from being HTML / CSS to using jQuery to help, so that the menu drop down stayed when its parent element was hovered over. -> My biggest ...
0
votes
1answer
45 views

Things i would need to learn [closed]

Hello everyone and thanks in advance for helping me out. I just graduated from a video game conception school and i want to get into UX for video game or mobile app. The thing is i don't know where to ...
1
vote
3answers
189 views

Is it a bad practice to design an HTML layout with all elements with position absolute? [closed]

There is a framework that my company wants to acquire that generates all HTML with position absolute. It has its own GUI Designer. Mainly this application will be used to design HTML forms. Is it a ...
3
votes
1answer
85 views

Accounting for browser resizing in a site layout

Accounting for window resizing in a site's design and layout When designing a site's UI and layout, I've always wondered how much I should accommodate for the user resizing the frame ...
0
votes
0answers
23 views

Some advise for front-end design&developing tools [duplicate]

I'm looking for some tools that can help me design&develop html & css. Suppose I have a psd file of my website, and I know how to cut each piece into HTML&css. Is there any tool that can ...
0
votes
0answers
35 views

Are MEDIA QUERIES used in Fluid Layout Design or only in Responsive Web Designing? [duplicate]

Is the Fluid Designing done using media queries as same as Responsive Design (like detecting screen resolution). I want to be clear with the exact difference between these two methods and how these ...
2
votes
1answer
81 views

With respect to creating circles, what are the pros and cons of the following methods? [closed]

I am making a website in which the home page will have 5 circles each linking to a category of items (e.g. cities, phones, etc.). The user will click on circle to go to the specific page for that ...
4
votes
2answers
568 views

What is an aesthetically pleasing font for programmers? [closed]

I was directed here after a dozen downvotes by the gestapo over at stackexchange overflow. Hopefully you all will be more kind. I couldn't imagine how this question would get deleted, considering many ...
1
vote
2answers
251 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?
6
votes
3answers
574 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 ...
5
votes
4answers
930 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? ...
2
votes
4answers
253 views

What kind of visual cues would you use to show 3 different states for object?

I have an app where I want to show 3 different states for object. Active, Deleted and Draft... So basically my question is: What kind of visual cues would you use for each of the above and why? ...
0
votes
2answers
451 views

How to design a precise UX/UI using javascript/jquery web components?

Nowadays, it seems that designers are having more cross-skills with front-end developers as never before. My question is: How a UX/UI designer would be able to precisely design/describe front-end ...
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 ...
1
vote
2answers
304 views

stages after UX design to front-end development

I'm working on a UX/UI process for my project, however I'm confused to understand the approach between UX/UI and front-end. After a .psd is developed, who would be responsible to transform it into ...
-1
votes
3answers
94 views

CSS or Image for phone development [closed]

Considering how many screen sizes for Android, I am thinking should I put an image for toolbar or responsive background css image. I am developing a mobile web-site. CSS: Good for multiple ...
0
votes
3answers
246 views

What is the best convention to add css class(es) to a HTML element? [closed]

I couldn't come up with a simple title that explains my problem, but I'll try to be clear. Is this a good convention: <div class="margin10 padding20 font28 ...
4
votes
2answers
267 views

How big is too big for a modal dialog?

My devs are currently working on a form that appears in a modal dialog- it was pretty big to begin with, but now they've added some fields and it's hanging off the screen- now they want to adjust the ...
4
votes
2answers
148 views

How can I style an editable text area so that its purpose is implicit?

I considered a skeuomorph using yellow paper with lines but it seemed tacky and didn't fit the overall design of the page. The textarea fills an entire "panel" on the page just like other panels of ...
2
votes
1answer
216 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 ...
36
votes
6answers
38k 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, ...
1
vote
2answers
62 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
93 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 ...
6
votes
2answers
210 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 ...
2
votes
2answers
189 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 ...