RelĂłgio digital em javascript, um exercĂ­cio

Há tempos que nĂŁo escrevo por aqui, eu sei. É que tenho trabalhado muito… mas outro dia, para exercitar, para "desopilar" o cĂ©rebro, resolvi fazer um reloginho digital - sem usar texto, apenas DIVs - setando a cor das bordas. Esse exercĂ­cio resultou num documento HTML que pode facilmente ser usado em seu site.

Continue lendo…

Suporte básico a i18n em PHP

Vou apresentar aqui uma classe para tradução a partir de catálogos .PO e .POT, compatíveis com o GNU GETTEXT, mas antes vamos falar um pouco sobre os conceitos envolvidos na internacionalização de sites e softwares.

O termo "i18n" vem de i + nternationalizatio (18 letras) + n - internationalization ou internacionalização. Mas há também o conceito de localização, ao qual nos referimos por "l10n" - localization e uma grande confusão quanto às diferenças entre os dois. Depois de ler o que diz a wikipedia ainda fiquei com dúvidas e foi aqui que tive um esclarecimento um pouco maior. Vou tentar resumir nas minhas palavras.

Continue lendo…

Múltiplas funções para os eventos em elementos HTML

Já havia me deparado com esse problema algumas vezes e sempre contornava, sem pensar em uma solução. Acontece que estou no meio da organização de uma biblioteca js - algo que me evite a criação de um novo arquivo js com as mesmas funções a cada novo projeto. Bem, o fato Ă© que novamente encontrei a mesma dificuldade… vou criar um exemplo simples para explicar. Supondo que temos as seguintes funções:

Continue lendo…

Como usar o this em Javascript

Usar o this no javascript é uma mão na roda, mas pode ser bastante confuso para quem está começando. "this" traduzido significa isso/isto - não sei bem, mas um desses (ou ambos).

Em Javascript, quando usamos a palavra-chave this, estamos criando uma referĂŞncia ao objeto que contĂ©m o mĂ©todo em execução. Objeto, mĂ©todo… mas e se estivermos falando de uma função normal? Pois Ă©… aĂ­ Ă© hora de entender algumas coisinhas.

Continue lendo…

Uma classe em JS para manipular elementos SELECT

Há pouco tempo escrevi um post mostrando como adicionar e retirar options de um select. Depois disso, construĂ­ um plugin para WordPress (mais um…) que usa e abusa dos selects. Depois de tudo pronto, fiquei pensando em como seria prático ter uma library em Javascript para manipular esse elemento. Comecei entĂŁo a esboçar o script com base em funções que eu já tinha prontas, mas na forma de uma classe, para ser manuseado como objeto.

Continue lendo…

loopDelayed - modifique um elemento gradualmente

Tenho usado freqüentemente scripts como fat.js e blendtrans.js para criar efeitos de fade em elementos HTML, aqueles que se excuta por um determinado espaço de tempo, permitindo ao usuário ver o elemento mudar de cor ou sumir/aparecer lentamente.

Continue lendo…

Converter para ASCII com Javascript

É comum ter problemas com a codificação em conteúdos HTML e isso faz aparecer às vezes uns caracteres estranhos no meio do texto. Isso acontece normalmente por causa de algum erro nas declarações de Content-type e charset ou na interação entre os diferentes processos que compõe uma página. Podemos construir uma página a partir de dados de uma database que serão processados pelo PHP e talvez até pelo Javascript antes de ser exibido - isso se não estivermos usando Ajax, o que torna a confusão ainda mais completa.

Continue lendo…

Adicionar ou retirar OPTIONS de um SELECT

Pela falta de tempo resolvi mudar um pouco, criando um série de posts mais curtos, tipo "dicas" e vou iniciar mostrando como manipular elementos SELECT dinamicamente.

O elemento SELECT Ă© problemático com o atributo innerHTML, mas com uma funçãozinha simples podemos matar esse problema. A função apenas insere uma nova OPTION num SELECT usando o mĂ©todo add(), que Ă© nativo do elemento SELECT. A nova opção será colocada no final, como a Ăşltima OPTION. Embora a implementação do mĂ©todo seja um pouco diferente de um navegador para outro (novidade…), nossa função Ă© crossbrowser. Veja:

Continue lendo…

Construir plugins com ética

Este post continua a sĂ©rie sobre o WordPress, mas tem a pretensĂŁo de ser aplicável Ă  construção de plugins para qualquer aplicativo. A idĂ©ia Ă© a mesma e Ă© bastante simples: "nĂŁo estamos em casa, por isso antes de agir precisamos aprender as normas do anfitriĂŁo". Claro que se nĂŁo temos a intenção de disponibilizar o plugin, se trata-se apenas de mais uma funcionalidade para o nosso prĂłprio site, isso perde um pouco a importância…

Continue lendo…

Mudanças no site

Este blog estava, até ontem, hospedado apenas no blogsome.com e a idéia de mudar para um servidor próprio, com acesso a plugins e tudo mais é antiga. Sem falar que a versão deles é a 1.5. O problema que se apresentava era simples. Não havia um modo de importar os comentários, apenas os posts, com o "importer" RSS. Não queria perder os comentários e fui deixando. A solução foi o Import WordPress 1.x, um plugin que eu construí.

Bem, depois de importar tudo resolvi mudar a cara e fazer um novo tema e aqui está ele.

Peço desculpas pelos alerts e redirecionamentos, mas foram necessários…. nem sei como vai ser isso. O blog original estava bem ranqueado no google (4/10), talvez eu perca isso - ao menos por um tempo.

Vou me animar a escrever mais e já vou a visando: WP é o tema do momento!

Abraços a todos, Cau Guanabara


English (Google translator)

Subir