anterior
Tweet about this on TwitterPin on PinterestShare on LinkedInShare on Google+Email this to someoneShare on Facebook
QR CODE

Dicas de serviços online para web designers

capa dicas de serviços online

Criar um site não é uma tarefa fácil. Se você é um estudante de web design, já deve ter percebido que existem muitos padrões, regras e testes a serem feitos até que o trabalho fique pronto para ser publicado. E é nessa hora que conhecer algumas ferramentas online que podem auxiliar nessas tarefas pode ser muito útil!

Em nosso dia-a-dia, é comum obtermos alguma indicação de serviços em páginas da web, seja de um amigo, um professor ou mesmo como resultado de uma consulta no seu buscador de internet. Invariavelmente, muitas deles prometem maravilhas que nem sempre se cumprem: ou o site simplesmente não funciona direito, ou não cumpre 100% do que promete.

Mas em alguns casos as expectativas se cumprem. E é sempre bacana colecionar links dessas pequenas maravilhas para ‘favoritar’ e  usar com frequência em seus trabalhos e compartilhar com os amigos.

Hoje, darei algumas dicas que podem realmente quebrar o seu galho na hora de desenvolver tarefas simples, que vão desde criar botões em Html e CSS até validar o seus scripts nos padrões da W3C.

Espero que você possa utilizar essas dicas em suas tarefas diárias e caso conheça algum outro site que acha que deveria estar na lista a seguir, deixe-nos saber nos comentários ao final do post.

Boa leitura!

Informe ao usuário do seu site que seu Browser pode estar desatualizado

site outdated browser

O site Outdated Browser ajuda você com scripts que podem ser incluídos em seu site e que servem para alertar ao usuário se o browser utilizado na navegação precisa ser atualizado. O site oferece os arquivos necessários para download, que você pode incluir dentro das pastas do seu site e incluir os links nas tags <head> do seu documento Html. O site é em inglês, mas já oferece os arquivos também com versão em Pt-br. Você pode incluir em seus códigos validações para todos principais navegadores da web.

Link: http://outdatedbrowser.com

Crie botões CSS facilmente com o i2Stile

I2Style

Está sem tempo para desenvolver seus botões em HTML e CSS? O site sciweavers.org/i2style oferece um serviço online onde você pode cria-los dinamicamente, na própria página. Basta escolher o tipo e tamanho de letra, variações de cores (cor de fundo e cor do texto), variações de sombra (para texto e também para a caixa), cantos arredondados, entre outros detalhes. Ao final do processo, a página gera o código HTML e CSS para que você possa inserir em seu trabalho. Não é necessário criar ou cadastro ou qualquer tipo de login para utilizar o serviço. Em inglês.

Link: http://www.sciweavers.org/i2style

Simple Sharing Buttons: Barra de botões de compartilhamento na web em poucos cliques

Simple Share Buttons

Hoje em dia, é fundamental ter opções de compartilhamento do conteúdo de uma página nas redes sociais. Mas, antes de esquentar a cabeça e buscar os frames de cada um dos plug-ins das redes sociais na web, você pode utilizar o Simple Sharing Button. Apesar de simples, como o nome informa, a página permite que você escolha o estilo visual da barra de ícones, as redes sociais que você deseja colocar na barra, o tipo de linguagem (com suporte a Javascript e PHP) e fornece o código completo para inserir em seu site, com a opção de testar online e fazer o download dos ícones utilizados. Melhor, impossível. Em inglês.

Link: http://simplesharingbuttons.com/

Crie ícones no formato .ICO  a partir de suas imagens com o Ico Converter

Ico converter

Sempre que se pensa em ícones, logo vem à mente o formato .PNG. Sem dúvida, é a melhor opção quando se tem em mente a utilização de ícones em uma página da web. Mas nem sempre utilizamos somente .PNG, certo? Ícones .ICO são necessários para, por exemplo, criar favicons para as páginas ou mesmo para aplicações Windows. Em vez de baixar um programa em seu computador, você pode utilizar o serviço online desse site, que converte imagens em .JPEG e .PNG em imagens .ICO, em vários tamanhos: 16, 32, 48, 64, 128 e 256 pixels e salva diretamente em seu computador. Em inglês.

Link: http://www.icoconverter.com/

View like Us: veja como seu site aparece na web em diferentes resoluções e tamanhos

serviço da web view like us

Deseja saber como seu site é visualizado em PCs, Smartphones e Tablets e em diferentes tamanhos e resoluções? O View Like US permite que você digite a URL do seu site e veja como ele irá aparecer em diferentes tamanhos (que você pode personalizar digitando diretamente os valores em pixels em uma caixa de diálogo). Tem até opção para visualização na resolução do Iphone e do Wii. O sistema é prático e funciona com Ajax, o que facilita a visualização sem que haja um recarregamento a página.  Excelente para pegar algum erro de layout da página antes da publicação.

Link: http://www.viewlike.us/

BG Patterns: crie imagens de fundo para sua página em poucos minutos

serviço da web bg patterns

BgPatterns é uma pequena aplicação web para criar padrões de fundo para páginas da internet em alguns cliques. Foi desenvolvida por Sergii Iavorskyi  e funciona com poucas ações: você pode escolher as cores do padrão e do fundo, a textura, o tipo de imagem e a rotação. Depois, pode visualizar na tela e em seguida, se gostar do resultado, pode baixar o arquivo como um .PNG em seu computador. Ideal para trabalhos em que precise criar um fundo rapidamente para seu site!

Link:  http://www.bgpatterns.com/

The ToolBox – A maior caixa de ferramentas de web design na internet

toolbox

O Toobox é um site que serve de repositório de praticamente tudo sobre web design. Lá você poderá encontrar links para editores de códigos, otimizadores de folhas de estilo CSS, geradores de Grids, testes de navegação, criadores de cores gradientes, geradores de ruído(!) em imagens… são tantas as opções que você pode até ficar meio maluco. O site é atualizado constantemente com novas opções de ferramentas online e plug-ins, mas como deve perceber, é necessário um pouco de bom senso para escolher e utilizar o que ele oferece. Em todo caso, é sempre bom visita-lo com frequência e ficar a par das novidades. Em inglês.

Link: http://thetoolbox.cc

Há ainda muitos outros sites e plug-ins online na web que gostaria de publicar aqui. No futuro, voltarei a este tema e publicarei mais sugestões que podem ser uteis em sua rotina de trabalhos. Como sempre temos novidades lançadas a cada dia, novidades não irão faltar.

Como escrevi no começo, gostaria de saber sua opinião sobre o que foi mostrado aqui e espero suas dicas de sites que poderiam aparecer nesta lista. Também peço para que não se esqueça de compartilhar e curtir o blog com os amigos. Espero que tenham gostado e… até a semana que vem!

Próximo

Postado por

Web designer, Ilustrador e produtor visual gráfico, santista de nascimento e de coração, amo o que faço e estou muito feliz em fazer parte da equipe Microcamp.

Postagem Relacionada

GIT: versionamento e produtividade sem medo
Fala galera, tudo bem? Espero que sim, no post de hoje iremos entender de uma