KADUNEW.COM/BLOG » Links

Ferramentas online para Web Designers

Carlos Eduardo - Kadu — Fri, 28 Jan 2011 14:04:30 +0000

Ferramentas para web designers

Hoje em dia existem muitas ferramentas para Web Designers que podem facilmente serem encontradas na internet. Muitas dessas ferramentas servem para realizar tarefas com facilidade e rapidez. Cada desenvolvedor tem sua lista de ferramentas, hoje vou mostrar algumas das ferramentas que uso no meu dia a dia.

Confira algumas dessas ferramentas abaixo, algumas delas vão melhorar sua produtividade durante seu trabalho.

Typetester

Aplicativo para fazer a compação de fontes. As fontes disponíveis são as mais comununs, entre elas, arial, verdana, Georgia. Além de trocar de fonte você pode escolher tamanho, cores e outras configurações…

typetester comparador de fontes

Icon Finder

O uso de ícones em trabalhos impressos e em sites estão cada vez maior. Para achar seus ícones nada melhor que um buscador de icones.

Site de busca de Icones

Rounded Corner

Esse aplicativo gera um código HTML e CSS para simular uma div com cantos arredondados utilizando imagens. O aplicativo vai criar quatro arquivos de imagem, os htmls necessários e o código CSS para colocar cantos arredondados em torno do seu conteúdo. Essa técnica já se encontra ultrapassada uma vez que podemos fazer uso das propriedades CSS3 para tal finalidade.

Rounded Corner

Vecteezy

Obtenha gratuitamente gráficos vetoriais.

Vecteezy gráficos vetoriais

Photoshop Brushes

Pincéis (Brushes) photoshop é uma ótima maneira de acrescentar um toque de beleza e profissionalismo em seus trabalhos. Para pesquisar os pincéis você pode utilizar a opção de filtro e também a opção de versões do aplicativo.

Site com diversos Brushes para photoshop

CSS3 Made Simple

CSS3 Generator - Gerador css3

A grande maioria dos navegadores hoje em dia já tem suporte às propriedades CSS3. Pensando nisso o site CSS3 Generator desenvolveu um aplicativo online capaz de gerar as principais propriedades CSS3 sem a necessidade do desenvolvedor, ou Web Designer saber essas propriedades.

Para usar a ferramenta você seleciona um tipo de efeito que você está tentando criar a partir de uma lista drop-down, modifica algumas configurações e obtém um bloco de código CSS para copiar. Os efeitos incluem cantos arredondados, sombras, gradientes, etc.

Galeria de Inspiração para Web Designer

Uma situação muito comum principalmente para quem trabalha com Design é a falta de criatividade para desenhar seus layouts, ilustrações, etc. Quem já não ficou por horas em frente ao Photoshop com a página branca, sem saber que cor usar, que desenho fazer… Nessas situações é interessante dar uma olhada em “galerias de inspirações para Web Design”, que nada mais são que uma coleção de trabalhos. Esses tipos de sites têm sido extremamente influentes na escolha de Layouts para os projetos dos Designers.

Galeria de Inspiração para Web Designers

Galeria de Inspiração de CSS

Quem trabalha com Internet sabe o poder das CSS. Esse site reúne uma coleção de sites onde o destaque fica por parte das famosas folhas de estilos, o site também pode ser usado como uma fonte de inspiração para desenhar seus layouts.

CSS drive - Galeria css

Me siga no Twitter: @kadunew

Isso vai interessar você também

10 ferramentas para verificar a velocidade de abertura do seu site

Carlos Eduardo - Kadu — Mon, 06 Sep 2010 11:00:33 +0000

Um site com carregamento rápido e bom desempenho no carregamento de scripts e folha de estilos é o primeiro passo para uma presença online bem sucedida. Ter um site lento significa perda de clientes e dinheiro mesmo que eles estejam interessados em seu produto ou material. A maioria dos visitantes geralmente passam muito rápido pelos sites, ninguém gosta de esperar meio século até finalmente carregar um conteúdo em uma página.

O Google já pode estar levando a velocidade de carregamento dos sites em consideração na determinação do seu ranking nos resultados de pesquisa. Isso é mais um grande motivo para nos preocuparmos com o tempo de carregamento do nosso site. Abaixo listo dez ferramentas para testar seu site com apenas alguns cliques do mouse.

1 Webslug

Permite comparar a velocidade de abertura do seu site com os dos seus concorrentes. Ao final do teste o site mostra qual o site se consagrou o vencedor e tempo de carregamento de ambos os sites. Webslug é uma forma de identificar possíveis problemas com o desempenho do seu site.

2 Pingdom

Teste o tempo de carregamento de todos os objetos do site (html, imagens, javascript, css, iframes e outros). No final dos resultados do teste, você verá o relatório do tempo de carregamento do site, tempo de carregamento de cada elemento, tamanho dos elemento e o número total de elementos. Esta ferramenta simula a forma como uma página é carregada em um navegador web.

3 Load Impact

Este é bom para sites que recebem muitos acessos. A ferramenta desse site executa testes simples de carga simulando até 50 usuários simultâneos. Caso deseje simular com mais usuários você terá que comprar o serviço. Antes de usar a ferramenta é necessário fazer um cadastro no site.

4 Octa Gate

Permite que você monitore quanto tempo leva para um usuário baixar uma ou mais páginas do site. Após concluir o carregamento as informações são apresentadas em uma grade.

5 Web Tool Hub

Com esta ferramenta você é capaz de saber a velocidade de carregamento do seu site em diferente velocidades de conexão. Ao final do teste, você saberá o tamanho da página e tempo de carregamento de todo conteúdo para várias velocidades de conexão. Marcando a opção Show advanced information (mostrar informações avançadas) você poderá ver informações mais detalhadas do resultado.

6 Page Speed

Um plugin para o Firefox que analisa o desempenho de suas páginas web.

7 PageTest

Plugin para o Internet Explorer que exibe visualmente os arquivos solicitados pelo navegador, ele também fornece sugestões sobre como melhorar o desempenho da página medida.

8 SelfSeo

Simples, mas útil para testar a velocidade de carregamento de websites. Se você não quer muitos detalhes, é a melhor opção para começar analisar o tempo de carregamento do seu site e de seus concorrentes, já que a ferramenta permite analisar mais de um site ao mesmo tempo.

9 Light Speed Now

Teste a velocidade de desempenho do seu Website, e depois receba um relatório com todas informações a respeito da verificação em seu e-mail.

10 YSlow by Yahoo

Analisa as páginas web e sugere soluções para melhorar o seu desempenho com base em um conjunto de regras para as páginas da Web de alto desempenho. YSlow by Yahoo é um plugin para Firefox que funciona integrado ao Firebug – Uma ferramenta de desenvolvimento web.

Referências

Isso vai interessar você também

Como deixar seus vídeos privados na Internet

Carlos Eduardo - Kadu — Wed, 11 Aug 2010 15:49:13 +0000

Cansado de compartilhar seus vídeos com todos no Youtube? Uma ótima alternativa para deixar seus vídeos privados é usar a aplicação Vidme que permite ao usuário cadastrado bloquear vídeos, saber quem acessou seus vídeos, cancelar permissão de acesso, etc.

Com esse serviço você escolhe quem vê seus vídeos.Sem dúvida uma Inteligente forma de compartilhar vídeos privados.

Isso vai interessar você também

Converter páginas web em arquivos PDF

Carlos Eduardo - Kadu — Wed, 21 Apr 2010 13:29:06 +0000

O HTML2PDF é um utilitário online que não pode faltar na sua lista de sites favoritos. Ele converte páginas web em PDF. Para isso é só digitar o endereço da página e clicar no botão convert.
Confira

Isso vai interessar você também

diversas texturas e fotos free

Carlos Eduardo - Kadu — Thu, 24 Sep 2009 13:02:46 +0000

O site cgtextures possui diversas texturas e imagens com uma excelente resolução, todas separadas por categorias. O melhor de tudo, totalmente gratuito. Basta apenas fazer o cadastro e desfrutar das maravilhosas imagens.

Isso vai interessar você também

Google webmaster central blog

Carlos Eduardo - Kadu — Tue, 30 Jun 2009 13:56:32 +0000

O Google mantém o blog webmaster Central Blog. Esse blog fala de vários assuntos específicos sobre criação e manutenção de websites.
Essa semana recebi um link para lá de útil, são muitas dicas de otimização de sites.
Deixe seu site/blog mais acessível e em uma posição melhor nos mecanismos de pesquisas.
E para ajudar ainda mais tem lá uma grande lista de tradução, incluindo o português do Brasil.
Alguns assuntos:

Crie títulos únicos e precisos para suas páginas
Faça uso da meta tag de descrição
Melhore a estrutura das suas URLs
Torne seu site mais fácil de navegar

Aqui o arquivo em português.

Isso vai interessar você também

Converter páginas web em PDF

Carlos Eduardo - Kadu — Sun, 28 Jun 2009 20:27:26 +0000

Isso vai interessar você também

Gerador de fotos antigas online

Carlos Eduardo - Kadu — Tue, 19 May 2009 14:50:09 +0000

O site wanokoto disponibiliza online um gerador de fotos antigas. Para fazer a conversão selecione um arquivo no seu PC ou passe a url da imagem. Depois é só clicar em Convert e pronto!
O site tem como opção de idioma o inglês e o japonês
Confira

Isso vai interessar você também

Veja seu site em diferentes navegadores

Carlos Eduardo - Kadu — Tue, 03 Mar 2009 14:22:16 +0000

O site browsershots.org é muito útil para desenvolvedores ver como seu site será renderizado em diferentes navegadores. Ao invés de se ter vários navegadores instalados no computador, podemos usar esse site. Para usar o serviço basta digitar o endereço do seu site, escolher algumas opções tais como: JavaScript, flash ativados ou não… e depois clicar em “Submit”. Pronto! Fica aí a dica!
Abraços!