Tutoriais e Ferramentas – Michel Carvalho Lopes
Artigos com o marcador dicas
Links para sites, ferramentas onlines e programas úteis a todos os Webmasters
03/02/10
Lista de links para sites e ferramentas online úteis a todos os webmasters. Quase todas as ferramentas propostas são gratuitas ou Open source.
Muitas vezes gastamos muitos recursos e tempo na construção de um site, e porque não utilizamos uma ferramenta simples e gratuita de análise de links, o site perde credibilidade. Muitas vezes o que falta é uma questão de disciplina e sistematização dos processos.
Ferramentas detectar links quebrados
W3C Link Checker: ferramenta online que detecta links os quebrados nos web sites.
Xenu’s Links Sleuth: programa que permite detectar links quebrados. No final dá-nos um relatórios em formato html.
DRK Spider: mais outro programa gratuito para detectar links quebrados.
Ferramentas de Validação
validator.w3.org/feed/: validação de Feed’s RSS
FeedValidator.org: validação de Feed’s RSS
jigsaw.w3.org/css-validator/: serviço de validação do CSS
validator.w3.org: validação do Markup (HTML, XHTML)
browsershots.org: verifica a compatibilidade das páginas nos diferentes browsers.
Monitorização e Alerta de Sites
www.dingitsup.com: ferramenta online gratuita que permite ser avisado por email, sms ou twitter sempre que o site está em baixo.
Mon.itor.us: ferramenta online que permite monitorizar websites, servidores e visitantes e muito mais.
Talvez o mais interessante é saber o tempo de resposta dos sites e a fiabilidade dos mesmos.
É necessário criar um registo, mas vale a pena, para ter acesso a estatísticas do nosso site. O site tem um vídeo de demonstração que dá para ter uma noção muito boa do excelente serviços que eles oferecem.
SpeedTest : mede o tempo de resposta de um site
websiteoptimization.com Analyze : mede o tempo de resposta de um site.
http://site-perf.com/: analisa a performance de um site ( upload time). Para além disso testa também a qualidade da rede, o que na realidade é um parâmetro mais importante que a velocidade de ligação. Ver a secção de links: uma lista muito interessante de ferramentas relacionadas com a medição de performance de sites.
Ferramentas Várias
Everydns : DNS gratuito
Um DNS muito fiável e com características interessantes, apesar de gratuito.
Existe outro DNS gratuito, o editdns.net , que nos parece que oferece um serviço muito bom, mas nunca experimentado pelo equipa da 360 Graus.
FileZilla : programa FTP
Programa FTP gratuito mas muito sofisticado. Está ao nível dos melhores programas comerciais de FTP.
Sistemas Operativos: Microsoft Vista, Microsof XP, Linux, Mac OS X
Licença: GNU General Public License (Open Source)
httrack.com : gravar sites
Programa Open Source quer permite copiar para o disco local sites inteiros ou parciais.
É uma excelente ferramenta para "desmontar" sites, e em alguns casos, fazer um cópia de segunça dos sites.
Também pode servir, para criar CD-Roms de sites.
Sistemas Operativos: Windows 9x/NT/2000/XP e Linux/Unix/BSD
Licença: GPL
IETester
Programa de software quer permite testar os sites face às diferentes versões do browser Microsoft Internet Explorer.
Tendo em conta ainda a posição dominante do Internet Explorer, esta ferramenta é fundamental para validar o "rendering" da página nos vários "engines" do Explorer.
Versões do Explorer: IE8 beta 2, IE7 IE 6 and IE5.5
Sistemas Operativos: Microsoft Vista e Microsoft XP.
Licença: gratuito
Notepad ++ : editor de texto, na verdade eu diria que é mais um editor de códigos.
Segundo o site : Notepad++ é um editor de código livre (e um substituto do Notepad), que suporta várias linguagens de programação, que corre sobre o ambiente MS Windows.
O que à primeira vista parece ser um editor de texto muito básico, rapidamente percebemos que é uma ferramenta poderosa e muito valiosa.
Como é Open source, existem muitos Plugins, que o tornam uma ferramenta valiosa e essencial para qualquer webmaster e programador
Na 360 Graus utilizamos todos os dias o Notepad++, tanto para editar código html, bem como para programar e nas edições de texto/ traduções.
Sistemas Operativos: Microsoft Vista e Microsoft XP, Microsoft Win95/98. Com algum esforço é possível correr o Notepad++ em Linux.
Licença: GPL Licence (Open source)
nutshellmail.com: "Access, Manage, and Monitor Messages From All Your Email and Social Networking Accounts Through Any Inbox You Already Use.NutshellMail Transforms Your Most Commonly Used Email Account Into a Universal Inbox" – Interessante opção para clientes que têm várias contas de email.Uma opção ao GMAIL Corporativo.
Teste do DNS: Ferramenta online gratuita para testar o DNS.
Pagetest – Web Page Optimization and Performance Test
Google’s Safe Browsing Diagnostic Tool
www.screentoaster.com : Permite gravar o écran online – não é necessário instalar nenhum software.
Métamorphose: Programa Open Source para renomear ficheiros. Muito poderoso, porque na sua lógica de funcionamento incorpora expressões regulares.
Edição de Vídeo e Imagem
http://www.videospin.com/
Programa de edição de vídeo gratuita da Pinnacle. Antes de se aventurar na edição de vídeo é muito importante ter presente os conteitos – Glossário de Vídeo da Pinnacle
Programas e sites de edição de imagem
paint.net : Programa de edição de imagem gratuito, com características comparáveis so Adobe Photoshop.
Favicon : ferramenta web para criar o seu próprio ícone na barra de endereços do navegador quando os visitantes visualizam as suas páginas. Agora é mais fácil para criar ícones e marquees para suas páginas web com favicon de Fotos. Basta selecionar uma figura, logotipo ou outro gráfico (de qualquer tamanho / resolução) para o "Image Source" e clique em "Gerar favicon.ico"
www.cruiser.gr/download.html – ferramenta para criar e editar mapas.
Ferramentas Tradução
babelfish.yahoo.com/ – ferramenta gratuita de tradução online da Yahoo
translate.google.com/ – ferramenta gratuita de tradução online da Google
Google Translator Toolkit – ferramenta gratuita de tradução colaborativa da Google que permite a edição simultânea por diversos utilizadores, a crioação de glossarios e a edição da tradução automática pelo utilizador. Apenas traduções de inglês para outras línguas.
www.flip.pt/online – "Para facilitar o acesso à tecnologia FLiP, a Priberam disponibiliza, em serviço gratuito on-line, o corrector ortográfico e o corrector sintáctico (apenas com sugestões, sem explicação gramatical dos erros) para português europeu, para português do Brasil e para espanhol. Em ambas as variedades da língua portuguesa é possível usar as versões com e sem o Acordo Ortográfico de 1990".
www.babylon.com – ferramenta de tradução que permite com um só clique traduzir qualquer termo, em qualquer língua. Existe em versão portable
www.apertium.org/ – um dos dois motores de tradução automática livre/de código fonte aberto que começou a ser desenvolvido dentro do projecto OpenTrad – "Tradução automática de código aberto para as línguas do estado espanhol" – e está desenhado para traduzir entre línguas relacionadas. Recentemente, começou a desenvolver novos pares de línguas e um motor melhorado (Apertium 2.0) para incluir pares mais difíceis como o par inglês-catalão.Inclui os pares "espanhol-português".
www.eamt.org/ – Site da Associação Europeia de Tradução Automática. Reune informação útil para todos aqueles que se interessam pelas ferramentas de tradução automática.
Lista de Ferramentas de Tradução Automática – PDF com lista muito completa, disponível em versão PDF no site da eamt.
www.appliedlanguage.com/ – site especializado em tradução profissional, que disponibiliza também uma ferramenta de tradução gratuita online.
www.automatictrans.es – Português -Espanhol (preço: gratuito até 50 palavras, desde €0.0120 por palavra (pós ediçõa desde €0.0361 por palavra).
CATCount - ferramenta gratuita para tradução assistida por computador com memória de tradução (CAT)
paralink.com/context/preferences.asp – ferramenta online com dicionários para diversas línguas e por áreas temáticas.
www.omegat.org – ferramenta de memória de tradução (CAT), apenas compatível com plataformas opensource
www.your-translations.com/ – site com referências a diversass de ferramentas de tradução
Ferramentas Gestão Tarefas
estimator.astuteo.com/ – ferramenta que permite a web designers e webmasters estimar de forma rápida e aproximada o tempo requerido para cada tarefa num projecto web e fazer uma estimativa do conjunto, que pode ser reajustada ao longo do projecto.
Quando o projecto está finalizado é possivel salvar uma cópia. Se for utilizado ao longo de vários projectos permite criar um padrão que facilita a orçamentação de projectos futuros.
www.tempos.com.pt – Ferramenta desenvolvida especificamente para gabinetes de contabilidade, mas que pode revelar-se também muito útil para profissionais liberais que pretendem gerir o seu tempo ao minuto.
Esta ferramenta permite fazer um cálculo do tempo total gasto em telefonemas, reuniões e outras tarefas de acompanhamento dos clientes, que normalmente não são valorizadas mas fazem perder produtividade, se não forem bem geridas. Se um seu cliente reclamar duma factura, pode sempre verificar no relatório do tempos, o tempo e tarefas que dispendeu com ele!
Programação e Desenvolvimento
JavaScrip
http://www.json.org/ : site oficial do formato JSON – JavaScript Object Notation.
http://james.newtonking.com/projects/json-net.aspx : JSON para .net
http://bolinfest.com/json/inspect.html : ferramenta essencial para ver a estrutura JSON do GData ( Google)
http://braincast.nl/samples/jsoneditor/ : JSON editor online
http://javascript.crockford.com/ : site fantástico para quem quer aprender do que melhor se faz com Javascript.
http://www.aptana.com/ : talvez um os melhores IDE ( Integrated development environment) para Javascript.
HTML to JavaScript Convertor : conversor de HTML para Javascript online.
https://addons.mozilla.org/en-US/firefox/addon/216 : debug de JavaScript add-on Firefox
http://developer.yahoo.com/yql/ : Yahoo! Query Language, que permite tranformar a web em JSON ou XML.
http://www.smelzo.it/html2js : Online HTML to Javascript DOM converter
getfirebug.com : add-on para Firefox
http://code.google.com/hosting/ aqui nós temos um servidor SVN gratuito, para projetos opensource
Microsoft ASP.NET
ViewState Decoder : programa gratuito para ver o Viewstate das páginas construidas em ASP.NET.
O viewstate é uma grande ajuda para o programador, mas se incorrectamwente usado, pode ser fatal para a performance de um site.
http://www.pluralsight.com/community/media/g/fritz/default.aspx
http://www.developerfusion.com/tools/convert/csharp-to-vb/ : conversor de código c# para VB.NET
http://www.developerfusion.com/tools/convert/vb-to-csharp/ conversor de código de VB.NET para c#
http://msdn.microsoft.com/en-us/practices/default.aspx : patterns & practices
http://msdn.microsoft.com/en-us/library/d9kh6s92(VS.80).aspx#configTools : .NET Framework Tools
Microsoft Internet Information Server
http://www.iis.net/ : site oficial do Microsoft Internet Information Server
Expressões Regulares
Depois de descobrir o mundo das expressões regulares, parece impossível que tenhamos sobrevivido num mundo sem expressões regulares.
Sendo a internet uma plataforma "aberta" de comunicação, as expressões são uma ferramenta essencial para manipular dados.
RegexTester.com : ferramenta online para testar expressões regulares.
RegexLib um repositório de expressões regulares para todos os gostos e necessidades.
XML
O XML é de facto a língua franca da internet, essencial para as aplicações comunicarem entre si, independentemente do sistema operativo e plataforma.
XPath: tutorial para quem precisa de ler e manipular ficheiros XML.
Programas edição XML: Comparativo de programas de edição de ficheiros XML. Muitas das propostas são gratuitas ou Open Source.
Compressão de CSS e Javascript
Para sites com muito tráfego, a "compressão" do código Javascrip e do código CSS pode fazer uma grande direfença.
Não se esqueçam de fazer uma cópia da versão não comprimida!
Organize seu Desktop
01/02/10
“Faça uma revolução no seu DeskTop, com um programa que organiza e embeleza sua área de trabalho”.
Está com muitos icones na área de trabalho, e isso te incomoda como a mim…
Isso não é legal, muitos icones na área de trabalho, deixa o visual do seu Desktop, bagunçado, poluido e ainda cobre a sua foto da Angelina Julie no plano de fundo..
Faça como eu use Fences, esse programa fantástico gratuito da Stardock, organiza seus icones em grupos na área de trabalho e some com eles quando não estiver usando, baixe.
Dezenas de ícones espalhados pela tela e arquivos inúteis ou duplicados perdidos pela área de trabalho fazem parte do cotidiano caótico de muitos usuários de computadores. Alguns chegam ao cúmulo de gastar mais tempo localizando os arquivos do que os abrindo.
Fences, um programa inovador e gratuito da Stardock, promete botar fim à esta bagunça, organizando todo o seu conteúdo de modo inteligente, distribuindo-os em áreas limitadas e separadas, garantindo sempre acesso fácil e controle total do seu espaço!
Atenção
Para que Fences funcione em seu computador, é necessário que esteja instalado o .NET Framework 2.0 (ou superiores). Ele já está integrado no Windows Vista, entretanto usuários com Windows XP podem baixá-lo aqui.

Confira em movimento
O vídeo abaixo foi gravado para demonstrar algumas das principais funções e recursos. Desconsidere a lentidão e as falhas gráficas, pois elas foram todas causadas pelo software de gravação. Em nossos testes o desempenho foi excepcional!
Facilitando sua vida
Se você não tem a mínima noção de organização e teme deixar seu Desktop ainda mais bagunçado ao utilizar Fences, deixe que ele mesmo cuide de tudo! Ele inclui diversos modelos (padrões, layouts) prontos, nos quais você precisa apenas posicionar os ícones desejados.
É o modo mais fácil e rápido para distribuir tudo em seu devido lugar. Exemplos são a criação básica dos “fences” para que você apenas distribua alguns de seus ícones ou a opção “Sort out my icons”, que reorganiza todos os seus ícones dentro de espaços, separando-os por tipos e categorias.

Do seu jeito
Depois de criar os espaços, é hora de personalizá-los! Para isso, clique com o botão direito sobre a área de trabalho e selecione a opção “Edit Fences”, conforme mostrado abaixo:

Nesta tela de configurações é possível reeditar os padrões de organização, modificar a exibição das descrições (etiquetas) e também colorir seus quadros de organização da maneira que achar melhor, bem como deixá-los mais ou menos translúcidos.
Com tudo em seu devido lugar, clique novamente com o botão direito sobre a área de trabalho e selecione “Lock Fences” para travá-los em suas devidas posições, evitando acidentes na hora de remanejar os arquivos.
Como mágica!
Caso os quadros de Fences estejam em seu caminho enquanto você tenta visualizar melhor sua área de trabalho (ou até mesmo realizar uma captura de tela limpa, algo que pode ser feito pelo próprio programa), apenas dê dois cliques com o botão esquerdo do mouse sobre qualquer espaço em branco (contendo apenas o papel de parede) na tela.
Todos os espaços de Fences desaparecerão imediatamente, mas fique tranquilo, pois eles estão apenas ocultos. Para restaurá-los às suas devidas posições, apenas repita o comando.
Se necessário, aplique configurações personalizadas aos seus ícones, de modo que os selecionados permaneçam sempre visíveis.
Ajuste automático
Sempre que você troca a resolução de tela, Fences reconhece a alteração automaticamente, redimensionando os espaços de modo a preservar sempre o mesmo formato e distribuição para os ícones.

Se você costuma mudar frequentemente de resolução, navegue até a guia “More Tools” e ative a primeira opção. O que ela faz é gravar posições e formatos independentes para cada formato selecionado. Ideal para quem utiliza dois ou mais monitores.
Ainda nesta tela é possível desligar o programa ou reajustar automaticamente o Desktop.
Este Artigo foi dedicado a um amigo de trabalho – Willian Woellner, ele é estagiário na Ibema.
