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

learn more… | top users | synonyms

0
votes
2answers
129 views

How can I determine the appropriate color,font for a website based on target group?

I am a web designer and often my clients ask me these kind of questions: What kind of site colors reflect my product? If my target group is of low income, what kind of colors/shapes does my website ...
1
vote
1answer
78 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
1answer
53 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
65 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
46 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
52 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
183 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 ...
0
votes
2answers
53 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 ...
0
votes
1answer
115 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 ...
3
votes
1answer
85 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 ...
1
vote
1answer
106 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 ...
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
1answer
124 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 ...
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
2answers
195 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
3answers
349 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 ...
1
vote
3answers
193 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
192 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 ...
8
votes
3answers
401 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 ...
3
votes
1answer
86 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
585 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 ...
2
votes
4answers
257 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
456 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 ...
1
vote
4answers
462 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
309 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
272 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 ...
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 ...
6
votes
3answers
587 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 ...
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 ...
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
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 ...
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?
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 ...
2
votes
2answers
191 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 ...
3
votes
4answers
330 views
+50

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
378 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 ...
4
votes
1answer
198 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
857 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
143 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
323 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 ...
3
votes
2answers
127 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
234 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 ...