Archive for the JavaScript Category

Crie formulários para sites e blogs – serviço gratuito

Posted in AJAX, Blogosfera, Dicas, editor de imagens gratuito, Efeitos Digitais, ferramentas online, Geradores, HTML, JavaScript, Programação, serviços online, Tecnologia, Utilitários, Web2.0, Webdesign, Widgets with tags , , , , , , , , , , , , , , , on 18, julho 2008 by deianaweb

Para os que não possuem muito conhecimento em programação de formulários ou para os que desejam ganhar tempo em seus projetos web, encontramos 2 serviços bem úteis, que fornecem ferramentas profissionais capazes de criar formulários para serem utilizados em sites e blogs gratuitamente.

FormFacil (site em Português BR): para usar o serviço é necessário cadastro, para isso, entre no site e clique em Cadastre-se, aparecerá um popup para inserção dos seus dados. Ao logar-se, você poderá criar quantos formulários desejar, configurando-os de acordo com as instruções, criando campos específicos, de acordo com sua necessidade, podendo deixar seu formulário público ou não, depois, basta copiar o código gerado para seu site/blog, para que seus visitantes possam entrar em contato com você. Também é possível ver relatórios, exportar os dados recebidos para seu computador, podendo abrí-los no Excel, em formato CSV. O interessante é que o mesmo desenvolvedor do site FormFacil também criou um outro site chamado ImagemFacil, que oferece um serviço para edição de imagens e, quem fizer seu cadastro em um dos serviços, poderá utilizar o mesmo login e senha para os dois sites, sem a necessidade de cadastrar-se duas vezes. O ImagemFacil oferece diversos recursos para edição de imagens online, inclusive bordas decorativas para fotos digitais, emblemas de times de futebol e vários efeitos de filtros.

Kontactr (site em Inglês): Com ele é possível ter em seu site/blog um formulário de contato estilo Web2.0, muito simples e fácil de usar.  Para utilizar o serviço é necessário cadastro: clique aqui. Após o cadastro você receberá um email para ativar sua conta. Ao logar-se, você será direcionado à uma página onde poderá copiar e colar os códigos disponíveis. Existem códigos em HTML e AJAX , que tanto podem ficar fixos em uma página, ou em forma dos novos popups feitos em AJAX. Os formulários possuem a ferramenta anti-spam conhecida com CAPTCHA(não sabe o que é CAPTCHA, clique aqui). A versão de códigos HTML disponibilizados para botões, são ótimos para blogs no WordPress, que não aceitam JavaScript), já para os que aceitam, os botões com código AJAX dão muito mais modernidade e funcionalidade ao seu site ou blog. Veja nosso formulário de contato logo no início do menu direito, localizado abaixo da busca do nosso blog. Muito bom!

Sistema de votação e comentários para sites e blogs

Posted in Dicas, ferramentas online, Interatividade, JavaScript, Programação, Web2.0, Webdesign, Widgets with tags , , , , , , , , , , , on 17, junho 2008 by blogcacalinks

Na era da comunicação virtual, onde sites e blogs são verdadeiros canais de informação, nada mais importante que saber a opinião de seus leitores, criando interatividade e obtendo o retorno através dessas opiniões. Pensando nisso, o site JS-Kit, em inglês, oferece 2 ótimos widgets em JavaScript, com códigos pequenos, que podem ser customizados e inseridos no código HTML do seu site ou blog, mesmo para aqueles que possuam conhecimento médio de programação.

O primeiro widget chamado de Ratings, permite incluir um sistema de votação em sites e blogs, com o qual você poderá ter em cada página ou mesmo em posts, aquelas 5 estrelinhas para que o visitante possa clicar e votar, dando notas de 1 a 5. Para usuários do Blogger ou do servidor WordPress, eles oferecem códigos específicos que podem ser encontrados facilmente no link chamado FAQ e, em Customization você poderá fazer a personalização de cor ou tipos. O site disponibiliza 2 versões, conforme as imagens abaixo:

Veja um exemplo do sistema de votação funcionando em cada post do nosso outro blog (DragontrixGames) clicando aqui

O segundo widget é o Comments que permite incluir um sistema de comentários para sites, já que os blogs já possuem essa ferramenta normalmente. Com ele será possível obter a opinião dos leitores do seu site em artigos ou páginas específicas, além de ser um ótimo canal para pedido de informações.

Para ter acesso aos serviços não é preciso registrar-se no site JS-Kit. Os dois widgets são customizáveis e fáceis de instalar, sendo apenas necessário copiar o código e colar no local indicado. Para ver os códigos de cada ferramenta, entre nas páginas indicadas e clique no link que diz: “Grab it for your site”, conforme mostra a figura abaixo:

Obs: Os códigos dos widgets são pequenos porque são feitos a partir de uma Função JavaScript (.js) externa, ou seja, ela é “chamada” através de um endereço onde a função foi hospedada e não tem como ser alterada ou copiada por terceiros. Com isso o site JS-Kit preserva os direitos autorais. De certa forma a inclusão do código pequeno torna-se fácil para os que não estão familiarizados com programação e, por outro lado, é bom ficar sempre de olho para ver se o JS-Kit não mudou o endereço da função JavaScript que faz com que seu widget funcione ou deixou de oferecer o serviço, o que na minha opinião é pouco provável. Mas com certeza é uma ferramenta que irá ajudar muito a otimizar seu site ou blog.

Como o site é em inglês, disponibilizamos os links das páginas já traduzidas para facilitar:

Ratings – versão traduzida
Comments – versão traduzida

Site que oferece biblioteca JavaScript com dezenas de códigos gratuitos

Posted in AJAX, JavaScript, Web2.0, Webdesign with tags , , , , , , , , , , , , , , , , , , , , , , , , , , , , , on 11, maio 2008 by deianaweb

O site JavaScript Kit, em inglês, oferece uma ótima biblioteca de scripts gratuitos para uso em sites pessoais ou comerciais, porém, você não poderá redistribuir os scripts, colocando-os em outro arquivo script ou CD-ROM, por exemplo. Para ter acesso aos scripts, entre no site, escolha uma das categorias e logo verá a descrição do efeito desejado, com um exemplo prático e as instruções para instalação do código em seu site.

Entre as categorias de scripts temos:

Ajax scripts, Combo Boxes, Content Management scripts, Email and validation, Form and form Validation, Images and music effects, Image slideshows & galleries, JavaScript Games, JavaScript Search Engines, JavaScript clocks / calendars / and timers, Links, Math related, Menu and redirection, Messages, Mouse Cursor effects, Password protecting, Random Stuff, Scrollers, Special effects with background and document, Status Bar effects, Text effects, User System (browser type, screen size, modified date, IP etc), Using cookies to store information about users, Windows / remotes / frames, e outros.

    ATENÇÃO: Mesmo o site estando no idioma Inglês, é fácil entender a instalação dos scripts já que os mesmos também vêem acompanhados de um exemplo prático, porém, para facilitar, disponibilizaremos uma versão já traduzida para que ajude aos visitantes que tiverem dificuldade em entender os textos:

    Se você é autor de um script JavaScript e deseja enviá-lo para publicação no site JavaScript Kit, basta entrar no link Submit Your JavaScript, respeitando as seguintes regras:

    • O script deve ser completamente livre para uso (sem cordas em anexo).
    • Por favor não envie “o seu primeiro script.” O site JavaScript Kit emprega uma estrita norma de incluir apenas scripts que são extremamente úteis e cross browser compatível (ou downgradeable).
    • Você deve ser o autor original do script.

    Crie uma faixa comemorativa para seu site/blog

    Posted in Geradores, JavaScript, Web2.0, Webdesign with tags , , , , , on 16, março 2008 by blogcacalinks

    Sabe aquelas faixas laterais que vemos em alguns sites que indicam algum tipo de comemoração? Encontramos o site QuickRibbon, que oferece um gerador online de faixas, onde você poderá escolher a cor, o formato, inserir o texto e gerar um código JavaScript para ser copiado em seu HTML. Muito legal e criativo, não acha?

    Online Ribbon Generator Tool

    lupa1.jpgCaça-Links indica: QuickRibbon

    PS: Como o WordPress não suporta códigos em JavaScript e, como pra tudo se tem um jeito, criamos nossa própria faixa no layout da testeira que fica no topo do blog Caça-Links, para a semana que antecede à comemoração da Páscoa!!!

    18 Funções JavaScript para uso livre (em inglês)

    Posted in AJAX, CSS, DHTML, HTML, JavaScript, Programação, Web2.0, Webdesign with tags , , , , , , , , , , , , , , , , , , , , , , , , on 15, março 2008 by blogcacalinks

    Nomadic Functions - funções JavaScript

    Se você está à procura de funções JavaScript para uso em seus projetos, o site Nomadic Functions oferece atualmente uma biblioteca com 18 Funções JavaScript prontas para uso. Entre no site, escolha a função desejada e clique sobre o título para ter acesso ao código. Cada função traz um exemplo demonstrativo com o resultado da função.

    Abaixo seguem os títulos das funções disponíveis, clique e veja o código:

    Crie uma etiqueta visual para suas imagens em blogs e sites

    Posted in JavaScript, Usabilidade, Web2.0, Webdesign, Widgets with tags , , , , , , , , on 12, março 2008 by blogcacalinks

    Taggify
    O site Taggify.Net oferece um serviço online que poderá ajudar a incrementar as imagens de seu site/blog, seja ele pessoal ou profissional, tornando-os diferenciados e muito mais interessantes. Com um simples código gerado em JavaScript para ser inserido antes de fechar a tag </body> de seu HTML, você poderá mapear uma foto em uma determinada área e inserir uma descrição que aparecerá para o usuário, quando o mesmo passar o mouse sobre a área. Com essa ferramenta, vocé poderá criar várias descrições em uma mesma foto, mapeando locais distintos.

    Como exemplo de possibilidade de uso do Taggify, vamos dizer que você tenha um blog pessoal com muitas fotos de viagens e lugares paradisíacos, assim você poderá usar o Taggify e assim, criar uma etiqueta visual com uma descrição mais detalhada sobre o local. Ou mesmo se em uma foto com muitas pessoas, você poderá mapear várias regiões, criando uma etiqueta com a descrição que desejar sobre cada pessoa. Não é o máximo?

    Para ter acesso ao serviço é necessário cadastrar-se no site , depois é só definir o tipo de apresentação do texto e gerar o código HTML para ser colado no template de sua página. Logo após, salve o link do Taggify em seus favoritos do navegador. Então, quando você precisar colocar um comentário ou explicar alguma imagem em seu site, basta ir até a página com a imagem e se logar no Taggify Editor. Use sua criatividade!

    Taggify.Net

    Clique em um dos links abaixo para ter acesso ao blog do Taggify e ler o tutorial completo com o passo-a-passo de como proceder para usar o serviço em seu site/blog:

    O Taggify é compatível com:
    Taggify é compat�vel com:

    PS: Infelizmente este serviço não é aceito para nós que utilizamos o WordPress, pois usa a linguagem JavaScript.

    lupa1.jpgCaça-Links indica: Taggify.Net

    Crie sua biblioteca JavaScript com o JavaScript Collector

    Posted in JavaScript, Programação, Software, Utilitários, Webdesign with tags , , , , , , , , on 7, fevereiro 2008 by blogcacalinks

    JavaScript Collector 1.1.0.4
    Você programa em JavaScript ou coleciona scripts encontrados pela internet e gostaria de organizá-los, editá-los e testá-los de maneira simples? O programa JavaScript Collector 1.1.0.4 é muito útil, pois além de você poder salvar seus códigos nele, você ainda pode testar o funcionamento dos scripts em brownsers como o Internet Explorer, Mozilla Firefox, entre outros. O programa vem pré-carregado com 200 códigos em JavaScript para uso livre. O programa tem 601kb, é de fácil instalação e pode ser configurado para o português, além disso, é totalmente gratuito. O único inconveniente encontrado é que, ao formatar seu computador, você perde o que foi salvo, porém, os 200 códigos pré-carregados permanecem intactos.

    Para baixá-lo clique no link do fabricante GreenCow ou vá direto à página de download