Questions tagged as 'ui'

1
answer

What is a Triple-A or AAA level site? What do I need for my site to be considered an AAA in accessibility?

I find accessibility very important, but I believe that I have neglected this good practice a lot and have been reading Web Content Accessibility (WCAG) 2.0 . So I noticed that there is a degree of accessibility that the site can receive A...
asked by 30.10.2018 / 13:24
3
answers

With CSS is it possible to animate text-decoration?

Recently I saw this animation made with SVG, ButIwaswondering,isitpossibletoanimatetext-decoration-style:wavyin:hoverinordertoachievethesameresult? body { font-family: sans-serif; font-size: 2rem; } p {...
asked by 01.11.2018 / 12:14
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
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
4
answers

Changing Placeholder in Focus with CSS is it possible?

Imagine that I have a input for the phone number, but that when the user focuses on it I want to change the text from placeholder , for example from "phone" to "just numbers" . You can do this with CSS in :focus for exa...
asked by 12.12.2018 / 14:54
1
answer

In DevTools is there any way to capture the entire screen of the site, even if it has scroll?

I'm not looking for Chorme extension or screen capture code etc. I just want to know if this developer tool has any such native options. I know that if you open DevTools of Chrome and press Ctrl + Shift + C and make a selection on...
asked by 14.12.2018 / 12:24
0
answers

In CSS what is the difference between Pixel Density and Pixel Ratio? How drives like DPI, DPCM, and DPPX work

With the "popularization" of the Retina screens , mainly on Apple devices, I have seen some people using media queries with measures like: @media (-webkit-min-device-pixel-ratio: 2) { ... } @media (min-resolution: 2dppx) { ... } But I stil...
asked by 08.11.2018 / 13:06
1
answer

How does Cubic-Bezier work in Animations with CSS?

When we do an animation with CSS we have several parameters that we can use. animation: name duration timing-function delay iteration-count direction fill-mode...
asked by 29.11.2018 / 12:27
1
answer

Back to top button with CSS only. Mild scrolling with only CSS possible?

I know that here on the site there are a lot of Soft Scroll and Button issues for "back to top" ( back to top ), but they all involve JavaScript or jQuery, but this não is my goal. I would like to make or know if it is now possib...
asked by 29.10.2018 / 13:19