Como evitar o rastro azul em volta dos inputs e textareas no Safari

Postado por: Pedro Rogério em

No Safari, quando temos o foco em algum campo input ou textarea, você pode ver que em volta deles é formado um rastro de cor azul para dizer que o campo ganhou o foco. Isso, por questões de acessibilidade é muito interessante, mas se você tem alguma imagem de fundo nos inputs que não tenham borda, isso é meio desastroso. Para solucionar esse problema, vaos utilizar a propriedade outline do CSS, que é a mesma uilizada para remover as linhas que ficam em volta dos links:


input, textarea  {
    outline:none;
}

Pronto, agora você não tem mais nenhum rastro azul em volta dos inputs e textareas.

Referências

Safari Microformats plugin

Postado por: Pedro Rogério em

Logo Safari Microformats Plugin

Esse plugin para Safari notifica o autor se foram uilizados na página Microformats, onde você pode importar de forma fácil hCards e hCalendars para seu catálogo de endereços ou iCal. Esse plugin foi baseado na idéia de Jon Hicks.

Funcionamento

Caso seja encontrado algum Microformats na página, é mostrado um logotipo na barra de endereços:

Logotipo dos Microformats na barra de endereços

Após isso é só clicar no logotipo e exportar o Microformat selecionado:

Tela onde você expora os Microformats selecionados

Download

Infelizmente esse plugin só está disponível para usuários de MAC OS.