Eu realmente aprecio a quantidade de diferentes <input> que recebemos na última década. Esses elementos não apenas trazem uma nova vantagem semântica, mas também fornecem ajudantes de interface do usuário, que em muitos casos são úteis. Em um caso recente, descobri que um elemento da interface do usuário não era útil: o x (clear) icon in <input type="search" /> elementos.
Na maioria dos casos, essa entrada é boa, mas se o senhor quiser realmente personalizar sua experiência de pesquisa, talvez seja melhor tirá-la do caminho:
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
appearance: none;
}
Com o snippet acima, o ícone de cancelamento desaparece, assim como a decoração de destaque especial!
Filtros CSS
O suporte a filtros CSS foi lançado recentemente nos nightlies do WebKit. Filtros CSS fornecem um método para modificar a renderização de um elemento DOM básico, imagem ou vídeo. Os filtros CSS permitem desfocar, distorcer e modificar a intensidade da cor dos elementos. Vamos lá…
MooTools Equal Heights Plugin: Equalizador
Manter alturas iguais entre os elementos dentro do mesmo contêiner pode ser extremamente importante para manter uma página bonita. Infelizmente, às vezes, manter as colunas com a mesma altura não pode ser feito com CSS – o senhor precisa de uma pequena ajuda de seus amigos JavaScript. Bem… agora o senhor está…
Usando o MooTools para opacidade
Embora seja possível obter opacidade usando CSS, os hacks envolvidos não são bonitos. Se o senhor estiver usando a biblioteca MooTools JavaScript, a opacidade é tão fácil quanto usar o método “set” de um elemento. O seguinte snippet do MooTools pega todas as imagens com a classe “opacity” e define…