Questions tagged as 'ux'

Tagged questions
5
answers

How to do with CSS a paragraph with capitular letter (Drop Caps)

I'd like to stylize only the first letter of each paragraph in my text, but I do not want to have to separate that letter with a <span> because I want to keep the correct semantics of the word, and not have to "break" with a tag....
asked by 31.10.2018 / 13:14
6
answers

How can I highlight the radio button that is selected?

I have this radio group in which it is used to specify the severity level of a certain occurrence, using the colors to classify the level. See: <html lang="en"> <head> <meta charset="UTF-8"> <meta na...
asked by 06.12.2017 / 19:30
2
answers

What is the best way to implement a loading-bar?

I have a project SPA on each screen transition will be fired a loading-bar ( progress bar ) to improve the user experience ( this UX will include more interactivity than performance ). But when searching, I'm coming to the concl...
asked by 02.08.2017 / 15:31
2
answers

How to do with CSS loader bar with animated background?

I've seen this element that actually works as a " loader " while the image is loading etc. And I tried to replicate it. Not the dynamics to function as a loader , but rather this effect of the passing line at the top. WhatIhavetocodesofaris...
asked by 30.11.2018 / 13:38
2
answers

Only with CSS is there any way to make a "Toast"? An element that goes up and then click to close it?

In mobile there is a very common component that is known as " Toast ", but I was thinking about how to adapt it only with HTML and CSS Isthereanywaytodosomethinglikethis"component" above just using CSS and HTML, without framework or other...
asked by 21.11.2018 / 11:51
1
answer

Should different states of an HTML element be represented in different properties?

Let's start with an example problem: Visually replace the <input type="checkbox"> element with images. In this case, three states have been defined for the element: Natural, getting the gray edges and opacity 0.5; Hover, getti...
asked by 28.12.2018 / 12:49
1
answer

How to reformulate the UI of the radio and checkbox?

I'm using custom radio and checkbox from the bootstrap , I noticed that some customers had difficulty assimilating checkboxes or radios and that should perform the action of selected. Example: <script src="https://ajax.googleapis....
asked by 12.02.2016 / 17:46
1
answer

FX (sound effect) in UX issue, is it a good practice for systems that run on browsers?

I'm making some submissions for a release, and I had the idea of putting some sound effects like 'crack' to modal close, or 'pin' when alerting something. Well, I personally did not like it, but it seemed intuitive to me, and I...
asked by 14.11.2017 / 17:31
1
answer

With CSS is there any way to change the style of Text-Overflow: Ellipsis?

Imagine that I have a situation where the text is larger than the container , so I'll use text-overflow: ellipsis to put the 3 dots ... showing that the text goes on and on inside container has more content, so far so good. T...
asked by 13.11.2018 / 11:19
1
answer

Css in inputs using Affordance principles

To facilitate the development of responsive forms it is very common to place 100% of width in the inputs, and to control its size through the width of a container div, this technique helps when manipulating the media queries of these inputs. Thi...
asked by 30.03.2017 / 21:50