Embora eu goste de pequenos detalhes que tornam as interfaces de usuário mais elegantes, também acredito que menos é mais, especialmente quando se trata de comportamento nativo. Um comportamento nativo que não gosto é que o <input type="number" /> só mostram as setas de incremento e decremento quando o input é focalizado. É desnecessário focus desnecessária – basta mostrar esses controles o tempo todo.
Então, como mostramos esses controles quando o input não está focado? Com um pouco de CSS:
/* ensures the increment/decrement arrows always display */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
opacity: 1;
}
Eu gosto do fato de que a folha de estilo nativa do navegador não usa truques ocultos ou código privilegiado – é tudo apenas CSS que podemos substituir.
Sempre desconfio quando se trata de efeitos de hover, pois acho que ocultar elementos da interface do usuário diminui a acessibilidade, independentemente do motivo.
Animação CSS vs. JS: O que é mais rápido?
Como é possível que a animação baseada em JavaScript sempre tenha sido secretamente tão rápida – ou mais rápida – do que as transições CSS? E, como é possível que a Adobe e o Google lancem consistentemente sites móveis ricos em mídia que rivalizam com o desempenho de aplicativos nativos?
7 Funções essenciais do JavaScript
Lembro-me dos primeiros dias do JavaScript, quando era preciso uma função simples para quase tudo, porque os fornecedores de navegadores implementavam recursos de forma diferente, e não apenas recursos de ponta, mas também recursos básicos, como
addEventListenereattachEvent. Os tempos mudaram, mas ainda existem algumas funções que todo desenvolvedor deve…
MooTools, mediaboxAdvanced e México
A lightbox é provavelmente uma das minhas partes favoritas da revolução da Web 2.0. Não é mais necessário abrir novas janelas (o que pode atrapalhar bastante o computador) para ver uma imagem, um vídeo etc. maior. Em vez disso, o item é carregado diretamente na…
