JBTutos

Web Design #5: 14 sites que todo Web Designer deve conhecer!

by Jomar on Feb.26, 2010, under Favoritos, Semana do Web Design

jb tutos

Criar um bom website não é uma das coisas mais fáceis de se fazer, mas existem ferramentas que tornam a vida de web designers bem mais fácil! Neste artigo você confere uma compilação de 14 destes sites. Uns servem para facilitar a nossa vida, outros para testar o produto que estamos criando, mas independente disso, todos são uma enorme “mão na roda”.

ColorCombos

jb tutos

Quando você começa a criar um site, uma das primeiras e mais importantes decisões que deve tomar são as cores do projeto. O ColorCombos oferece milhares de combinações de cores diferentes para você escolher a que melhor se adapta ao seu trabalho :D

LIpsum

jb tutos

Que desenvolvedor não conhece o popular texto Lorem Ipsum? Ele é amplamente utilizado porque permite simular um texto real para produzir o design da página. No LIpsum você pode criar rapidamente textos de acordo com o número de parágrafos que desejar ;)

What The Font?

jb tutos

A sigla – WTF – é bem sugestiva, mas o What The Font? é ótimo quando você quer descobrir o nome de determinada fonte que você viu em alguma imagem. O esquema é simples: você envia a imagem, o código analisa ela e dá o nome da fonte pesquisada. É importante que se envie imagens com o minimo de detalhe no fundo possível para facilitar esta análise ;-)

ConvertIcon

jb tutos

“Favicon”s são utilizados pela maioria dos sites. No ConvertIcon você manda a imagem que deseja diminuir e ele converte para os formatos .ico e .png no tamanho que você escolher :D

BgPatterns

jb tutos

Quando bem utilizado, um BgPatterns dá um visual bacana para qualquer site! O BgPatterns é “fazedor” de backgrounds muito útil! Você pode utilizá-lo também no seu twiiter ;)

Spoon Browsers

jb tutos

O Spoon Browsers permite que você veja o seu site nos mais populares browsers da atualidade ;)

Test Everything

jb tutos

O nome já diz tudo: esse site serve para testar o seu em todos os quesitos! No Test Everything você digita o endereço do site, escolhe os itens a serem analisados e tem como resposta um super relatório a respeito da sua página. Definitivamente, este é um dos sites obrigatórios na lista de favoritos de qualquer web designer!

Gerador de Sprite CSS

jb tutos

Segundo o próprio Gerador de Sprite CSS: “As Sprites CSS são uma forma de reduzir o número de pedidos HTTP feitos para os recursos gráficos, pelo seu site. As imagens são combinadas numa imagem alargada nas coordenadas X e Y definidas. Após atribuir a imagem gerada aos elementos referentes da página, a propriedade CSS background-position pode ser utilizada para deslocar a área visível necessária para a componente gráfica.

Esta técnica pode ser muito eficaz para melhorar o desempenho do site, nomeadamente em situações em que muitas imagens pequenas, tais como os ícones de menu, são utilizadas. A homepage do Yahoo!, por exemplo, aplica esta técnica exactamente para isso.”

Buttonator

jb tutos

Por falta de tempo ou pura preguiça, você pode utilizar o Buttonator para fazer botões de maneira rápida e fácil para o seu site ;D

Load Impact

jb tutos

O Load Impact lhe permitirá testar como seu site pode lidar com várias explosões de tráfego. É ou não e super-útil?

IconFinder

jb tutos

Este site é nada mais, nada menos do que o Google dos ícones! Usando o IconFinder você pode fazer buscar em um enorme banco de ícones totalmente gratuito!

Type Tester

jb tutos

O Type Tester serve para você testar e comparar combinações de caracteres antes de decidir qual será a fonte do seu site.

CSS Tidy

jb tutos

Mesmo desenvolvedores avançados muitas vezes precisam otimizar seu código CSS. CSS Tidy é um aplicativo gratuito on-line que vai corrigir erros e otimizar o código CSS. Por exemplo, ele pode detectar automaticamente estilos redundante, um problema muito comum de códigos CSS.
Lotes de configurações estão disponiveis, para garantir que você vai ficar feliz com os resultados.

Gerador de Formulários de Contato

jb tutos

Os formulários são uma parte muito importante de qualquer site, pois permitem que os seus leitores ou clientes interajam com você. Ao utilizar Contact Forms Generator, você economizará um precioso tempo criando suas formas, incluindo o PHP, ASP ou mesmo código Perl que é necessário enviar e-mails de seu site à sua caixa de correio. Contact Forms Generator nem sequer exigem conhecimentos de programação.

Este artigo foi baseado no post de Jean-Baptiste Jung no Cats Who Code.

Related Posts with Thumbnails
Gostou? Compartilho e divirta-se :)
  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Add to favorites
  • LinkArena
  • LinkedIn
  • Live
  • MySpace
  • Netvibes
  • PDF
  • Rec6
  • Reddit
  • RSS
  • StumbleUpon
  • Technorati
  • Twitter
  • Yahoo! Bookmarks
:, , ,

2 Comments for this entry

Leave a Reply

Diretórios

Arquivo de Tutos