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

learn more… | top users | synonyms

3
votes
2answers
1k 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
1answer
113 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 ...
3
votes
2answers
191 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 ...
3
votes
2answers
294 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
2answers
227 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 ...
2
votes
2answers
2k 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
203 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
3answers
133 views

Should a website look presentable without StyleSheets?

I'm trying to super simplify all my forms, input fields etc. Using absolute minimum of HTML markup, and then use CSS to make it look good and well-formatted, with pseudo block elements and so on If ...
2
votes
4answers
330 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? ...
2
votes
1answer
38 views

Accessibility concerns with outline:none

Are there any Accessibility drawbacks to removing outlines on focus outside of users being affected visually? I like having a little more control over the design of elements than outline provides, so ...
2
votes
1answer
259 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 ...
2
votes
1answer
1k 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
3answers
36 views

Discrete and visible div over img/video

I have an video tag with an div displayed on top. The div is pretty nice looking and visible for the most part, only dark images are a bit problematic. For the sake of testing I searched out 3 ...
2
votes
3answers
1k 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
1answer
277 views

Long content in Tables

What is the best way maximize readability when displaying variations of long/short text within table?
2
votes
2answers
200 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 ...
2
votes
2answers
286 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
2answers
108 views

Visual Indicators

I am a newbie to UI. I have seen in google and other sites that whenever a person visits for the first time he will be presented with the visual indicators such as Ok, skip , got it etc.. I need to ...
2
votes
4answers
81 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.
2
votes
1answer
114 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 ...
2
votes
0answers
201 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
5answers
2k views

Basic color scheme for great readability [closed]

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 ...
1
vote
2answers
264 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?
1
vote
2answers
568 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
vote
2answers
128 views

Displaying CRUD Operations on an HTML Table Elegantly

I have a rails app that I am building using foundation. I have an orders index page that displays all the users current orders on a nice looking table. (ecommerce stuff). This table displays the ...
1
vote
4answers
1k 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 ...
1
vote
2answers
211 views

What would be a mobile friendly solution for a range slider with input controls?

I have a range slider with two input controls, each with a higher/lower button. The user should be able to make his input by sliding (fast but not accurate), typing into the inputs (average speed, ...
1
vote
3answers
578 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 ...
1
vote
3answers
186 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
891 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
261 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
176 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
1answer
175 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 ...
1
vote
3answers
373 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 ...
1
vote
2answers
66 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 ...
1
vote
4answers
254 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 ...
1
vote
2answers
273 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 ...
1
vote
2answers
590 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 ...
1
vote
1answer
1k 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. ...
1
vote
0answers
7 views

Considerations for styling of overlay message topbar? [migrated]

I've created an overlay top bar that slides over the top of the page for confirmation messages. I did a fiddle with it. Now I wonder if the light yellow background is appropriate thinking of the rest ...
1
vote
3answers
107 views

A User-Friendly Table - What Solution?

Today, this is my table and if I select one of the row, it shows a select icon. I want to make it more user-friend that you can see the whole row to be selected. Gmail has that functionality. In my ...
1
vote
0answers
50 views

Using CSS cursor Property, how to show a webpage link opens in new tab? [closed]

Some a-href links on my page open new tabs in the browser. I want the cursor to change slightly to one that lets desktop users know it is a target=_blank link. Has anyone been able to develop a ...
1
vote
1answer
216 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, ...
1
vote
1answer
226 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
3answers
291 views

Do you use a CSS framework? [closed]

If so - which framework do you prefer and why?
0
votes
3answers
437 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 ...
0
votes
3answers
199 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..
0
votes
3answers
217 views

Back button look bootstrap which one to use?

I have a multi page web app where the user first selects some information and uploads a file to import, then the file will be sent to the back end for processing. After that the results will be ...
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 ...
0
votes
2answers
63 views

Is this login arrangement better than a typical social signin?

First I had a social signin which was nearly identical to the old stackexchange login and my login looked almost exactly like SO:s "login with google" "Login with facebook". Now we have designed our ...