Há uma década, o HTML e o CSS adicionaram a capacidade de, pelo menos, sinalizar a validação dos campos de formulário. O required ajudou a informar aos usuários quais campos eram obrigatórios, enquanto o atributo pattern permitiu que os desenvolvedores fornecessem uma expressão regular para comparar com um <input>. O direcionamento de campos obrigatórios e […]
Tag: CSS
CSS :autofillCSS :autofill
Preenchimento automático de HTML input é uma ação frequente do usuário que pode melhorar drasticamente a experiência do usuário. Todos nós preenchemos automaticamente nossas senhas e informações de endereço. Mas qual é o controle que temos quando input foram preenchidos automaticamente? Para adicionar estilos CSS personalizados a entradas cujo conteúdo foi preenchido automaticamente pelo navegador, […]
Como controlar as animações CSS com JavaScriptComo controlar as animações CSS com JavaScript
Quando se trata de animações na Web, os desenvolvedores precisam medir os requisitos da animação com a tecnologia certa: CSS ou JavaScript. Muitas animações podem ser gerenciadas com CSS, mas o JavaScript sempre oferecerá mais controle. Com document.getAnimationsno entanto, o senhor pode usar o JavaScript para gerenciar animações CSS! O document.getAnimations retorna uma matriz de […]
CSS ::file-selector-buttonCSS ::file-selector-button
CSS ::botão seletor de arquivos
Visibilidade do conteúdo CSSVisibilidade do conteúdo CSS
A linguagem CSS está repleta de pequenas lacunas que são frustrantes de navegar. Entre as propriedades CSS para ocultar um contêiner e seu conteúdo, ainda há espaço para melhorias. visibility: hidden mantém a integridade da altura e da largura, enquanto o display: none em um contêiner oculta tudo. O senhor pode usar o .container > * […]
AutoGrow Textareas com CSSAutoGrow Textareas com CSS
À medida que as demandas da Web mudam e os desenvolvedores experimentam diferentes experiências de usuário, a necessidade de mais aprimoramentos no idioma nativo aumenta. Nossa camada de apresentação, CSS, tem se saído incrivelmente bem no aprimoramento dos recursos, mesmo que às vezes seja muito lento. A necessidade de suporte nativo para expandir automaticamente o […]
Como substituir os atributos HTML de largura e altura com CSSComo substituir os atributos HTML de largura e altura com CSS
Um dos elementos HTML que frequentemente entra em conflito com o CSS é o atributo img . Como aprendemos em Problemas de correção de deslocamento cumulativo de layout do Request Metrics no DavidWalshBlog fornecendo as dimensões da imagem na seção image ajudará a melhorar a pontuação do seu site. Mas em um mundo em que […]