Archive for the ferramentas online 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 andreiacandido

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

Hex Color Card: Cartão online para referência de cores hexadecimal

Posted in ferramentas online, Utilitários, Webdesign with tags , , , on 30, maio 2008 by andreiacandido

O Hex Color Card é uma ferramenta online que serve de referência rápida para consultas de Cores Hexadecimal. Conforme o exemplo da figura acima, basta arrastar a lente de aumento na paleta de cores RGB para ver o código hexadecimal correspondente. Além disso, abaixo da paleta, ficam os principais atalhos e ícones correspondentes utilizados no Photoshop. Ótimo serviço para uso de webdesigners. Para acessar a paleta de cores online, clique aqui.