Aplicações e aplicativos web para webdesigners. Desenho e edição de imagens online
ColorBe é uma aplicação onde os webdesigners podem cadastrar suas combinações de cores preferidas ou consultar as paletas de cores de outros usuários.
Com rankings das combinações mais votadas e visitadas, ColorBe permite buscar paletas de uma cor determinada, ajudando muito a tomar a decisão de quais cores usar no nosso trabalho online.
Perfeito também para quem não tem muita noção gráfica e busca um conjunto de cores visualmente atrativo.
Se querem descobrir quais são as partes da sua web que chamam mais a atenção, podem fazer duas coisas:
a) Permitir ao Google Analytics obter dados durante uma semana para que mostre a distribuição de clicks da página.
b) Usar Feng-Gui para que um programa analise automaticamente a atenção de qualquer imagem provocada no olho do homem.
Esta segunda opção é ideal para analisar banners publicitários, regiões de uma web ou qualquer imagem que tenha como missão captar a atenção.
Feng-Gui usa um sistema de inteligencia artificial para simular o cérebro humano na parte de atenção visual. Destaca com cores as áreas da imagem subida que mais chama a atenção do olho humano durante os cinco primeiros segundos, permitindo ao dono da imagem tomar decisões sobre distribuição de conteúdo ou preço de banners, por exemplo.
Uma boa ferramenta para melhorar e otimizar o desenho de nossos trabalhos.
Para webdesigners e artistas gráficos é importante conhecer um pouco de tipografia para obter melhores resultados em seus trabalhos. Porém, muitas vezes é necessário avaliar a aparência e dimensões do texto num determinado layout. Para isso, o WWWhatsnew Brasil reune aqui 3 sites usados para testar uma fonte e sua formatação no próprio navegador:
1) Typetester
É um dos mais completos sites do tipo. Possui inúmeras opções, como alterar o texto de visualização, tamanho da fonte, parâmetros de formatação, cor da letra e de fundo, entre outras. É possível comparar 3 fontes ao mesmo tempo, cada uma mostrada em uma coluna. O texto é mostrado em vários formatos, como negrito, regular, itálico, letras maiúsculas e a combinação entre eles. O tamanho pré-definido para o texto é de 10px, de forma que 10px corresponde a 1em, 14px a 1.4em e assim por diante.
O Test Your Fonts, do estúdio XiAP, é uma alternativa mais simples do Typetester. Após escolher uma das 17 fontes disponíveis, é mostrando um pequeno texto, usando a fonte escolhida, em formato regular, negrito, itálico e em vários tamanhos. Há também a opção de letras maiúsculas ou em small caps.
3) Font Tester
Com as mesmas funcionalidades dos anteriores, porém mais voltado aos webdesigners. O texto pode ser alterado e as configurações da fonte acessadas através da barra lateral. São 3 colunas de visualização comparando 3 fontes diferentes. O diferencial é que ele gera um código CSS do texto, podendo ser copiado e usado no seu site.
Esta dica é em especial para os webdesigners. No site Browser Shots, você coloca a URL do seu site e então são criadas screenshots do seu site em vários navegadores, em vários sistemas operacionais. Vários computadores distribuídos pela rede abrem seu site, tiram uma screenshot e enviam para o servidor central.
A análise das imagens geradas é útil para mostrar ao webdesign os erros que o design do seu site apresentam em diversas condições.
Se você está precisando usar um certo software proprietário, mas não está a fim de pagar por ele, conheça suas alternativas gratuitas, algumas com código aberto. O OSalt traz um lista, constantemente atualizada, de programas grátis que podem perfeitamente substituir um programa pago, como Adobe Photoshop, Microsoft Office e outros. Assim, você navega no site e procura por um software pago, e o OSalt mostra as alternativas gratuitas, bem como os sistemas operacionais que o programa é suportado.
Um outro site com mesma finalidade é o Open Source Windows, porém um pouco mais limitado.
O sistema de números binários (de base 2) representa valores usando dois símbolos, os números 0 e 1, que são chamados pelo computador de bits. Quando arranjados em grupo de 8 bits (1 byte), são gerados 256 valores (0 – 255). Através de uma tabela ASCII, estes valores são então interpretados em caracteres, podendo ser dessa forma armazenados e entendidos por nós. Outros sistemas são usados, como o hexadecimal, de base 16, e o octal, de base 8. Simples questão de matemática.
Este conversor online transforma seus textos em código binário, a linguagem entendida pelas máquinas. É possível também convertê-lo em sistema octal e hexadecimal.
Com o Textorizer é possível transformar qualquer imagem que você quiser em arte em texto. Basta fazer upload de uma imagem, adicionar o texto com que você quer formar a figura e, como opções extras, escolher o número de linhas, tamanho do texto, ajuste de cor e do tamanho final do arquivo. Há duas versões para o Textorizer, com diferentes resultados. Veja a diferença usando como exemplo o logo do br.wwwhatsnew:
O site também disponibiliza um aplicação para download (Windows, Mac, Linux), com as mesmas funções.