jQuery.scrollIntoView

Publicado em por
3

Este plugin se propõe a ser um substituto ao método nativo scrollIntoView. A idéia é fazer o mesmo – rolar a página até que o elemento que evocou o método esteja visível – mas de forma suave – rolando a página, literalmente. Diferentemente do método nativo, esse script irá alinhar o elemento (primeiro do set de elementos encontrados) no centro da janela por padrão. Uma desvantagem é que não podemos alinhar em baixo como o método nativo permite, mas há algumas vantagens adicionais. Aqui podemos centralizar o elemento na página ou em cima, definir o tempo de rolagem e executar uma função callback opcional ao final da rolagem.
Continuar lendo →

Remover o BOM de arquivos em UTF-8

Publicado em por
3

BOM – Byte Order Mark – é um identificador para arquivos em UTF-8/16/32 (vou ignorar o 16 e o 32 aqui), teoricamente para dizer ao interpretador/editor que se trata de um conteúdo codificado como UTF-8, mas o fato é que, em quase todas as circunstâncias, ele é dispensável.

Caso o seu interpretador não reconheça a codificação, você poderá ver algo como “” no início de arquivos em utf8 – na verdade antes do início do arquivo, o que faz com que esse código só seja visível em caso de erro – normalmente ele só será visível num editor hexadecimal. Continuar lendo →

Konami Code em sites web, mas pra quê?

Publicado em por
2

Quando descobri o Konami Code Sites e vi que sites como Digg, jQuery, FaceBook e muitos outros haviam aderido àquela brincadeira, comecei a navegar pelos sites e ver o que cada um aprontava ao executarmos o Konami Code.
Bem divertido! Logo pensei: vou fazer um desses pra mim…

Achei então um script da família Google, o konami.js, que oferece suporte também para iPhone e adiciona um [Enter] no fim do famoso código antes de executar a função (como em alguns games). Mas qual seria a graça em usar um script pronto? (nenhuma, claro! ;) ) O caso é que escrevi o meu próprio script… Não tem contagem de tempo entre as teclas digitadas, apenas identifica a sequência correta e chama a função konamiFunction, se existir. Funciona direitinho.

Maneiro! Aí fui comentar (empolgado) com meu amigo Guga e ele perguntou: legal, mas pra que serve isso? A pergunta pegou na veia. “Não sei, pra brincar…”, respondi. E fiquei pensando naquilo – que ainda não tinha passado pela minha cabeça… Continuar lendo →

fakeFile: como estilizar um input type=file

Publicado em por
4

Pois é, essa era uma questão incômoda para mim até algum tempo atrás. É impossível! inputs com type=file não aceitam quase nenhuma regra CSS e, a não ser que estejamos trabalhando com formulários sem formatação, ficam sempre destoando, “quebrando” o layout do formulário.

Então, na busca de soluções possíveis, encontrei algumas baseadas nessa lógica, que pareceu ser a única viável e que consiste em tornar o input invisível com a propriedade opacity e e então colocá-lo por cima de uma imagem, que deve simular o elemento. Bacana, mas como cada browser renderiza o input de um jeito diferente (tamanhos do campo de texto e do botão), dificilmente a nossa imagem correspoderia ao tamanho do botão, o que provocaria confusões quanto ao local do clique.

Continuar lendo →