Archive for 'labs'
Gecko DOM Code Hints 0.3 e freeDOM.js in DW 0.2
February 7th, 2007. Published under code hints, freeDOM.js, labs. 1 Comment.
Disponível a versão 0.3 da Gecko DOM Code Hints e da versão 0.2 da freeDOM.js inside Dreamweaver. Confira os detalhes da nova versão dessas extensões para o Dreamweaver.
Gecko DOM Code Hints 0.3
Na versão anterior, 0.2, o Code Hints funcionava apenas nos documentos do tipo JavaScript. Nesta versão, 0.3, o Code Hints está disponível em todos os tipos de documentos.
freeDOM.js in DW 0.2
Nesta versão, 0.2, foi adicionada todas as funções da freeDOM.js e ela também trabalhará em todos os tipos de documentos no Dreamweaver.
Downloads
w3FormValidation 2.3
February 2nd, 2007. Published under IE, add-on, freeDOM.js, labs, w3formvalidation. 2 Comments.
Disponível a versão 2.3 do w3FormValidation. Essa versão inclui a correção de um bug em que as tags select são exibidas sobre o overlay no body no Microsoft Internet Explorer.
Gecko DOM Code Hints 0.2
February 1st, 2007. Published under DOM, adobe, code hints, dreamweaver, gecko, labs, mozilla. 3 Comments.
Finalizei a versão 0.2 da Gecko DOM Code Hints - uma extensão para o Dreamweaver que adiciona code hints ao Gecko DOM - e nessa versão há correção de bugs encontrados na versão 0.1.
Os bugs estão relacionados a duplicação dos itens que apareciam na lista do Code Hints.
Leia o poste relacionado a versão 0.1 - Gecko DOM Code Hints - Extensão para o Dreamweaver
Mais informações sobre a Gecko DOM Code Hints no meu Labs.
Gecko DOM Code Hints - Extensão para o Dreamweaver
January 29th, 2007. Published under DOM, add-on, adobe, dreamweaver, gecko, labs, mozilla. 15 Comments.
Após a criação da freeDOM.js inside Dreamweaver - uma extensão para o Dreamweaver que oferece Code Hints para as funções da freeDOM.js - acabei de finalizar a versão 0.1 da Gecko DOM Code Hints.
A Gecko DOM Code Hints é uma iniciativa minha em oferecer Code Hints ao se trabalhar com o DOM no Dreamweaver. Inicialmente nesta versão inicial 0.1, você terá Code Hints para todos os métodos e propriedades do objeto document. Além do Code Hints há algumas tooltips dos métodos do objeto document.
Exemplo de uso
Ao digitar o prefixo: “document.” (sem aspas) o Dreamweaver exibirá um menu popup com os métodos e propriedades do objeto document. Como demonstrado na imagem abaixo:
Agora, veja um exemplo da tooltip para lhe ajudar no preenchimento dos parâmetros dos métodos.
Faça o download da Gecko DOM CodeHints versão 0.1.
Aguardo seu feedback 
w3Opacity - Efeitos de opacidade em elementos HTML com JavaScript
January 15th, 2007. Published under DOM, add-on, javascript, labs, w3opacity. 9 Comments.
Eu havia criado anteriormente o w3FadingOpacity, mas agora ele se chama w3Opacity.
w3Opacity são recursos em JavaScript para você trabalhar com efeitos de opacidade em elementos HTML de forma fácil, simples e prática.
Com o w3Opacity será simples realizar Fade Out, Fade In, Toogle de Fade, Definir opacidade e consultar a opacidade de elementos HTML. Veja alguns exemplos:
Exemplo de um Fade Out
w3Opacity.fading('img_fadeout',100,0,600);
Onde, img_fadeout é o ID do objeto; 100 é a opacidade inicial e 0 a final; 600 é o tempo em milisegundos que o efeito irá durar.
Exemplo de um Fade In
w3Opacity.fading('img_fadein',0,100,600)
Percebeu a diferença entre o Fade Out? Exatamente, a opacidade inicial é menor do que a final, somente.
Exemplo de Toggle de Fade
w3Opacity.toggle('img_togglefade',600);
O Toggle de fade funciona assim: o método - toggle - consultará a opacidade do elemento HTML, se ele estiver visível será realizado um Fade Out, caso contrário, um Fade In.
Como definir Opacidade
Definir opacidade em elementos HTML com o w3Opacity é super simples, observe:
w3Opacity.set('img_set',30);
onde img_set é o ID do objeto e 30 é a opacidade desejada, ou seja, 30% de opacidade.
Como consultar a Opacidade de um objeto
Utilize o método get_opacity para tal, assim:
w3Opacity.get_opacity('img_get_opacity');
Há outros projetos no meu Labs.
Labs do Leandro Vieira Pinho e Fórum para trocarmos idéias
January 10th, 2007. Published under forum, labs, rapidinhas. 6 Comments.
[UPDATE] O Labs do Leandro Vieira Pinho agora é uma página denominada como Projetos. O Fórum foi removido. [/UPDATE]
Estava precisando organizar melhor os projetos em que estou envolvido, juntamente com os add-ons, scripts e afins que faço regularmente. Então, surgiu o Labs do Leandro Vieira Pinho (em versão BETA até o dia em que sobreviver)
Juntamente criei o Fórum do Labs do Leandro Vieira Pinho para podermos trocar boas idéias e experiências. A quantidade de e-mails relacionados a scripts estava crescendo, mas o meu tempo está em sentido contrário. Então, com as dúvidas, sugestões, bugs e demais de forma pública será mais fácil para consultas futuras. Além de facilitar a interação entre todos nós.
Conto com vocês por lá, um abraço.