Curso Web Design | Dicas de serviços online para web designers |  |
| Dicas de serviços online para web designers Posted: 14 Aug 2014 05:24 AM PDT 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 desatualizadoO 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 i2StileEstá 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 cliquesHoje 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 ConverterSempre 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 tamanhosDeseja 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 minutosBgPatterns é 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 internetO 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!  |
| You are subscribed to email updates from Blog do Curso Web Design - Microcamp SP To stop receiving these emails, you may unsubscribe now. | Email delivery powered by Google |
| Google Inc., 20 West Kinzie, Chicago IL USA 60610 | |
Nenhum comentário:
Postar um comentário
Os comentários são muito bem vindos e importantes, pois enriquecem o conteúdo dos artigos.