Questions tagged [css]

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

Filter by
Sorted by
Tagged with
0
votes
0answers
8 views
0
votes
1answer
24 views

CSS effect to indicate link is a video?

I've got a page with thumnbails that link to videos. The thumbnails have a youtube style Play button. But I still only have 20% of folks clicking those. I want to make it clearer & more ...
4
votes
4answers
1k views

Why should “cancel” and “confirm” button have the same size?

A lot of UI Frameworks provide 2 different types of buttons: a sort of confirmation button a "cancel" button The UI of the two buttons could be different: different colors, background, borders, etc. ...
87
votes
9answers
31k views

Why don't <button> HTML elements have a CSS cursor pointer by default?

A friend was asking me why <button> HTML elements don't have a CSS cursor pointer by default? It is the default behavior for links, and can be achieved on a button with button { cursor:pointer;...
1
vote
2answers
122 views

How do I convince my boss that too many link colors are bad for accessibility?

I work at a really small company making websites for a specific clientele, an older female audience. My boss, also the lead Art Director, uses lots of different colors for links across an entire ...
2
votes
1answer
115 views

Cursor usage in different application elements

I am working on an application that is mostly used by desktop users. So I am trying to perfect the use of the cursor css-rules. First of all, I have read and try to follow the practice of having ...
3
votes
1answer
439 views

Creating an accessible, animated, and responsive navigation system

I've been struggling for the past couple weeks to design the perfect navigation (menu) system for my personal website which I am designing. First, I need a system that is completely accessible as I ...
8
votes
6answers
19k views

Recommended button sizes on web pages

What are the current usability guidelines for the size of buttons (or anything clickable) on web pages?
1
vote
1answer
66 views

How to deal with extra spacing with line-height when spacing between elements should be consistent

We want to design our website so that all elements are spaced 24px apart (paragraphs, form groups, header & content, etc.) and "related" elements (label & form field) are spaced 8px apart. We ...
1
vote
1answer
83 views

Need opinion on this web design FOR UX/UI/CX - Beginner in designing [closed]

Hi, first of all, sorry if I'm posting in the wrong section. I want to get an opinion about the design of an event management system. I've google on UX example design but most only show for simple ...
1
vote
1answer
33 views

Similar color groups for HTML

I start my adventure as a front end developer and I wonder about the easiest way to choose the color groups used in css for my projects. For example, I have a group of grayscale colors. How large ...
10
votes
4answers
1k 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 ...
0
votes
1answer
48 views

Spacing out a Headline, body, and CTA button

Is there a standard on what is the better way to space out a Headline, body text, and button link? Using a margin-bottom on the headline and body? Or using a margin-top on the body and CTA button?
0
votes
1answer
59 views

Number incrementers and accessibility

How are number incrementing arrows for accessibility? I would think they would be bad for keyboard users, but is there any study to back that up?
27
votes
4answers
5k views

Why rounding odd font sizes to even?

Today I started implementing a design that had some copy text with font size 17px. My fellow web developer told me that we should round that to 18px and more in general that we should not use odd font ...
1
vote
1answer
75 views

Custom scrollbars in websites - do they make any sense?

Are custom scrollbars still needed today? The only reason they were needed so far is because they are fugly on Windows. They are always visible and don't autohide and they just look bad. But I've see ...
0
votes
3answers
126 views

In the holy grail layout of web design why is the navigation menu vertical and not horizontal?

i am a beginner with web design, while studying i came across the "holy grail layout" and i was just wondering why is it that the menu is vertically aligned while most modern websites tend to use a ...
2
votes
2answers
514 views

What makes Reverse scrolling a sign of Bad UI?

My client needed to design a fully SVG animated website with reverse scrolling. But, I heard some people say things like: Try avoiding Reverse Scrolling, It's a sign of Bad UI design etc... What ...
3
votes
3answers
134 views

Modal button positioning on mobile

I am designing a design system for my company and am currently looking at designing the modals and dialogues for both desktop(tablet too) and mobile. I have placed the primary action to the bottom ...
6
votes
3answers
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?...
3
votes
3answers
19k 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 ...
2
votes
1answer
113 views

Is there any reason not to change the style of web radio buttons and check boxes?

It's still very difficult to change the visual look of HTML radio buttons and checkboxes using CSS. For example, changing the check box's border-color does nothing on major browsers. Is there a UX ...
15
votes
2answers
4k views

Why is the Google Search Results page not responsive? [closed]

As every web developer/designer, I read many articles about why responsive web design is important. We are also often told, that you can learn a lot by observing the UI (and optionally the code itself)...
0
votes
1answer
105 views

What is the best way to start designing this website? [closed]

I am new UI(ReactJS) Developer, I want to develop this webpage from scratch, however, I am not that experienced, hence, confused how to actually start. Should i start with logo or header or sidebar or ...
9
votes
4answers
4k views

Where does Business Analyst fits in core UX/UI technology flow

User Experience (UX) Designer = Research + Design UI Developer = Design + HTML/CSS/JS Application Developer = HTML/CSS/JS + Back-End coding With reference to above diagram i would like to know ...
2
votes
0answers
43 views

Different border-radius in different field. Is it a good practice? [closed]

Using different border-radius for different fields (e.g. textboxes, buttons, cards) to make the curves looks similar. Curves on the large field doesn't look similar to small fields. Expected: What'...
1
vote
2answers
177 views

Is there a standard for indicating a high contrast style? [closed]

I am working on a web app and have developed both a normal stylesheet and a secondary high contrast stylesheet. I am coming unstuck when it comes to allowing a user to switch between styles. Is ...
8
votes
4answers
460 views

How to optimise the space used by tags in the right column of StackExchange sites?

In this meta question about what the StackExchange UI site should look like, I'm working on (read: messing around with) a design for the site. I'm using a web-based tool to edit the page's CSS, which ...
1
vote
1answer
70 views

Should I use <aside> for off-canvas navigation? [closed]

I want to create an accessible off-canvas navigation and most tutorials say you should put it inside the <aside> element, however, since it is my main navigation which will appear on one line on ...
1
vote
3answers
188 views

Techniques for handling opening a new tab and ensuring web accessibility with WCAG 3.2

WCAG 3.2 indicates that content should be provided in a predictable format and that subsequently when a new tab is opened on a click that the user is made aware of this. I have a webpage with a list ...
11
votes
7answers
3k views

Do you consider the “960 Grid System” one of the “Holy Grails” of User Experience layouts? [closed]

Is there a "Holy Grail" of layout? I recently redesigned a website for a client (University of Connecticut Coop), where I happened upon a link in their old code to this article: "http://www....
0
votes
1answer
143 views

How to improve a scrollable dropdown section issue [closed]

I have an issue where the overflow of a scrollable list on a website is cutting off my dropdown menu. The scrollable list has a height constraint because it is in a modal which has a set height and ...
0
votes
1answer
56 views

Why can't I type directly into the HTML with FF Dev Tools? [closed]

Hopefully this question isn't too oddly specific. Let me know if it belongs on ProWebmasters instead... I'm making some mock-ups in Photoshop, using screen shots from the site in its present state as ...
1
vote
3answers
312 views

Ways to show a div has more content

I'm basically a back end devlopper but I need to create a page displaying data in diiferent tables. Some of the data rows may contain very large content but I chosed to make all rows the same height. ...
0
votes
1answer
71 views

Vice versa colors for on and off hover of buttons [closed]

How should we choose the color for buttons is there a should always be a dark and light colour or two differed colors. What will be the best strategy for choosing colours. And is it should always be ...
1
vote
2answers
239 views

Footer menu same as Menu

The links which are in the menu are replicated in the footer menu. Is placing same menu links in the footer redundant or is it a bad practice in web design or development?
1
vote
2answers
11k views

Double Scroll Bar on Website [closed]

A website I am responsible for: www.livingsalads.co.uk has a double scrollbar on most browsers (chrome anyways). Which is obviously an issue as it looks bad and also browsers sometimes use the ...
3
votes
2answers
200 views

How do i design website mockups when i already have a css framework in mind?

Do I choose the CSS framework first before designing the website mockups? Or is it the opposite. What if I finish designing the mockups, but the css framework isn't a perfect fit ?. Should I first ...
41
votes
6answers
15k 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
1answer
88 views

When prototyping responsive web design, I have to consider how frontend dev. will do it: CSS Grid/Flexbox/Bootstrap?

My question context: I have to design a responsive website, that is now poorly responsive on bootstrap. I would like to start drawing IA of interface elements and how they act on several screen widths ...
20
votes
3answers
9k views

Should :focus and :hover styles be the same or distinct?

I'm in the midst of redefining a cross-application style guide, and I want to make sure we're accounting for accessibility in the design, including contrast ratios, text sizes, and focus states. One ...
0
votes
2answers
53 views

What is the best pattern for opening Mega Nav on touch device when parent Nav items are link to landing pages?

I have a mega menu opening on desktop, on hover over a parent nav strip. The parent nav items are links on click. The same menu is to be used on landscape tablet. Without on hover, click is used to ...
105
votes
8answers
15k views

Is “user-select: none” bad UX?

I was having a discussion today with a colleague. I showed her "user-select: none" - a CSS property that stops a user from selecting text. To me, this property allowed a more app-like experience to ...
1
vote
3answers
287 views

Best table layout to compare definitions and examples (text)

I want to present a table that compares correct and incorrect definitions of words, with examples. What is the best table layout for this? Eg Too Correct: More than expected; also. Example: I, too, ...
73
votes
12answers
32k 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
1answer
140 views

UI element names and hierarchy for web SaaS B2B application [closed]

I´m building an ReactJS based library of web elements for a SaaS B2B application. I know this is common, but I´m having lots of difficulties choosing right names for my visual hierarchy. What I call ...
2
votes
3answers
1k views

Should entire checklist row be clickable or only checkbox and label?

In a form checklist, should whitespace beyond the label text be clickable? Or only the checkbox and label itself? Demo here. choice choice choice
5
votes
2answers
582 views

File Browser Download

We provide a service to synchronize devices with our server. Every device has a file browser which is accessible through HTTP. Possible actions are: Download, Delete and Rename. Delete and Rename ...
25
votes
3answers
7k views

When to use grab vs move cursor?

I am making an app with a drag and drop UI. I plan on changing the cursor when hovering over the draggable elements. What's the difference between the move and grab cursors? Can they be used ...
47
votes
8answers
10k views

How to enable users to insert an infinity number

I am designing a web page which give admin users the opportunity to manage the users below them. in one section of this admin page, the admin user is required to fill out how many queries he permits ...

1
2 3 4 5