Google Maps Polyline Encoder - Codificador de Linhas

Resolvi juntar os 3 seguintes sites num único e simples Mashup

1. Codificador simplificador de polylines http://facstaff.unca.edu/mcmcclur/GoogleMaps/EncodePolyline/
2. Desenhador de polígonos, markers e polylines http://gmaps-samples.googlecode.com/svn/trunk/poly/mymapstoolbar.html
   
3. Codificador oficial de polylines http://code.google.com/apis/maps/documentation/polylineutility.html

Abrir arquivos do Google Earth (*.kmz) usando o browser

Há algum tempo descobri que o Google Maps mostrava o conteúdo de arquivos KML. Basta colar a URL do arquivo no campo de busca do site

http://maps.google.com

e efetuar a busca. O que eu não sabia é que a mesma técnica funciona para os ilegíveis arquivos KMZ do Google Earth.

Para abrir um arquivo KMZ, como este aqui:

http://www.gearthblog.com/kmfiles/lasvegas.kmz

no Google Maps, há também um método alternativo, basta colocar

http://maps.google.com.br/maps?q=

antes da URL, ficando assim:

http://maps.google.com.br/maps?q=http://www.gearthblog.com/kmfiles/lasvegas.kmz

Desta forma não precisamos instalar o Google Earth para ver tais arquivos.

Desempenho de páginas Web

Ou "Como deixar meu website mais rápido?"
Steve Souders proclama que desenvolveu o YSlow, extensão do Firefox e do Firebug que calcula uma nota para a conformidade de um site com as regras para sites de alta performance da YDN. Agora ele proclama mais 10 mandamentos para o desenvolvedor de sites eficientes. Vou listar todas as regras juntas agora:

1. Diminua requisições HTTP
   
2. Hospede seu site em servidores espalhados geograficamente
   
3. Crie um prazo de expiração e controle o cache pelo HTTP Header
   
4. Compacte os arquivos
   
5. Ponha stylesheets no header
   
6. Ponha JS no final do body
   
7. Evite programação dentro do CSS
   
8. Coloque todo JS e CSS cada um no seu arquivo separado
   
9. Diminue busca por nomes em DNS
   
10. Minifique JS e CSS
    
11. Evite redirects (301 e 302)
    
12. Remova scripts duplicados
    
13. Configure ETags
    
14. Faça AJAX cacheável
    
15. Use o flush no header para enviar mais cedo partes do HTML
    
16. Use GET para fazer requisições AJAX
    
17. Carregue depois o que não for essencial no início
    
18. Pré-carregue o que provavelmente terá de ser carregado
    
19. Reduza o número de tags necessárias para desenhar um layout
    
20. Divida os arquivos em vários domínios
    
21. Minimize o número de iFrames
    
22. Evite chamadas a URLs inexistentes (404)
    
23. Reduza o tamanho dos cookies
    
24. Use domínios sem cookies para arquivos estáticos
    
25. Minimize a chamada a elementos DOM no JS
    
26. Desenvolva eventos inteligentes
    
27. Prefira <link> a @import
28. Evite filtros
    
29. Otimize imagens
    
30. Otimize Sprites CSS
    
31. Não use imagens maiores do que o necessário
    
32. Crie um favicon.ico pequeno e cacheável
    
33. Mantenha todos arquivos com menos de 25Kb
34. Empacote os arquivos em um documento de várias partes
    

1. Divida a carga inicial
   
2. Carregue scripts sem bloquear
   
3. Não divida scripts
   
4. Split dominant content domains, repetido
   
5. Make static content cookie-free, repetido
6. Reduce cookie weight, repetido
   
7. Minify CSS, repetido
   
8. Optimize images, repetido
9. Use iframes sparingly, repetido
10. Ou use www ou não use www
    

Eu gostaria de acrescentar às listas acima 2 regras que considero importantes:

1. Otimize loops internos
2. Crie páginas dentro dos padrões XHTML

A primeira tem sua razão óbvia, pois do ponto de vista da programação é dos loops internos que surge o maior consumo de tempo, otimizando-os reduzirá o tempo de computação total. Para mais instruções de como fazê-lo com Javascript leia este artigo e este também.

A segunda têm aplicações na desenvolvimento para dispositivos móveis aonde os recursos de hardware são mais escassos, e browser que entendam páginas em padrões legados são mais lentos que browsers que processam apenas XHTML. Para testar se seu site está em conformidade com estas regras, visite sua URL pública e depois digite na barra de endereço do browser o seguinte:

javascript:window.location=%22http://validator.w3.org/check?uri=%22+window.location

Codificação de Strings para programação Web

A coisa mais importante para localizar seu site ASP.NET para a língua portuguesa é usar a seguinte linha no seu Web.Config:

<globalization uiculture="pt-BR" culture="pt-BR" fileencoding="iso-8859-1" responseencoding="utf-8" requestencoding="utf-8">

Para a passagem de parâmetros via QueryString, na língua portuguesa sempre há o problema de caracteres acentuados e a cedilha. Para contornar este problema os browsers sempre codificam os caracteres acentuados, de uma das seguintes formas:

1. escape(), ex: @ vira %7E
2. encodeURI(), ex: % vira %25
   
3. encodeURIComponent(), ex: @ vira %40

Eu recomendo que quando enviar o parâmetro via URL utilize sempre EncodeURIComponent(). Se fizer assim o ASP.NET decodifica implicitamente ao receber os parâmetros com o comando:

Request.Params["nomedoparâmetro"];

Mas se o parâmetro não tiver sido codificado explicitamente, ele será codificado de forma que não será possível decodificar com nenhum dos métodos abaixo:

1. Microsoft.JScript.GlobalObject.unescape(), complementada por escape()
2. Microsoft.JScript.GlobalObject.decodeURI(), complementada por encodeURI()
   
3. Microsoft.JScript.GlobalObject.decodeURIComponent(), complementada por encodeURIComponent()
   
4. Server.UrlDecode(), complementada por Server.UrlEncode()

Nota: Para usar o Microsoft.JScript no MS Visual Studio, você precisa adicionar a referência manualmente (Add Reference).

Já no JavaScript (e também no JScript) existem escape(), encodeURI() e encodeURIComponent() e as funções inversas.

Quando a meta tag de codificação iso-8859-1 não está presente no header do documento HTML, faz-se necessário utilizar a codificação HTML, também chamados de entity escape characters. Para realizar a conversão você pode fazer manualmente com ajuda desta tabela, ou utilizar as seguintes funções:

ASP.NET

1. Server.HtmlDecode()
2. Server.HtmlEncode()

No JS você precisará da biblioteca PrototypeJS para chamar as seguintes funções:

1. escapeHTML()
2. unescapeHTML()

A seguir listo o código destas funções para você não ter que incluir toda a biblioteca só para usar estas funções:

function escapeHTML() {
var self = arguments.callee;
self.text.data = this;
return self.div.innerHTML;
}

function unescapeHTML() {
var div = new Element('div');
div.innerHTML = this.stripTags();
return div.childNodes[0] ? (div.childNodes.length > 1 ?
$A(div.childNodes).inject('', function(memo, node) { return memo+node.nodeValue }) :
div.childNodes[0].nodeValue) : '';
}

function $A(iterable) {
if (!iterable) return [];
if (iterable.toArray) return iterable.toArray();
var length = iterable.length, results = new Array(length);
while (length--) results[length] = iterable[length];
return results;
}

Páginas ASP.NET cacheáveis

Ou "Como fazer que as páginas ASPX sejam guardadas no cache do browser?"

Eu costumava salvar toda página estática dos meus projetos Web em arquivos .HTML, mas o Sandro do MS-Developers me ensinou como fazer páginas ASPX cacheáveis:

Insira o seguinte código C# .NET no Page_Load:

Response.Cache.SetExpires(DateTime.Now.AddYears(1));
Response.Cache.SetCacheability(System.Web.HttpCacheability.Public);

Você pode usar a condição if(!IsPostBack) para executar o código acima em páginas AJAX.

Pesquisando melhor encontrei um método alternativo, inclua no início do arquivo ASPX:

<%@ OutputCache Duration="31536000" Location="Any" VaryByParam="none" %>

Conforme o manual do ASP Alliance

E para desabilitar o cache basta usar o seguinte código:

Response.Cache.SetCacheability(System.Web.HttpCacheability.NoCache);