Pinceladas da WebMovido a: XHTML, CSS, PHP e WebStandards

Tag Clouds, ou Nuvem de Tags são listas hierarquizadas visualmente, ou seja, uma forma de apresentar os itens de um website. Mas o que são essas tags?

Tags são rótulos ou legendas onde as pessoas podem categorizar conteúdo de uma forma muito simples, utilizando qualquer palavra que faça sentido. O uso de Tags na web foi difundido por sites como Technorati, del.icio.us e Flickr.

Uma nuvem de tags em geral reúne um conjunto de tags utilizadas em um determinado website disposto em ordem alfabética, e o volume de conteúdos que o site apresenta em cada tag é mostrado proporcionalmente pelo tamanho da fonte. Dessa forma, em uma mesma interface é possível localizar uma determinada tag tanto pela ordem alfabética como pela frequência da incidência de conteúdos marcados com a mesma tag no referido site. As tags disponibilizadas na nuvem são links que levam a coleções de itens relacionados às palavras da tag.

Fonte: Wikipédia.

A primeira vista essa frase parece ridícula: “Não use mailto:“. Mas por que? Já parou para pensar que existem usuários iniciantes de internet, que nunca sequer na vida, utilizaram seus clientes de e-mail que vem pré-configurados em seu sistema operacional? Que eles estão acostumados, a aquela rotina de abrir o Browser, acessar a página do seu cliente de e-mail e lêlos todo alí?

Imagine a seguinte situação, uma empresa, em sua página de contato só coloca o mailto: em um link para contato, o usuário, ao clicar, pensa que será levado para um formulário qualquer, mas aí, após alguns segundos, aparece aquela janelinha de configuração de conta no cliente de e-mail, eu particularmente detesto isso, em algumas pessoas pode até causar fastidio!.

Utilize, sempre que possível, um formulário de contato, simples de preferência. Não quer utilizar um formulário? Deixe seu endereço, telefone, alguma forma de contato por sinais de fumaça, mas nunca cause esse descaso com o usuário.

Em junho de 1999, foi publicada a especificação do protocolo HTTP, uma especificação muito completa mas sem uma definição exata a respeito do tamanho máximo que pode ter uma URL, devido a isso, os diferentes Browsers interpretam de uma maneira diferente, e cada um possui um tamanho máximo de URL:

• Internet Explorer: 2.083 caracteres
• Firefox: 65.536 caracteres
• Safari: 80.000 caracteres
• Opera: 190.000 caracteres

Mas não são só os Browsers que utilizam as URL’s, os servidores web também as administram e cada um interpreta a sua maneira:

• Apache: 4.000 caracteres
• Microsoft Internet Information Server (IIS): 16.384 caracteres
• Perl HTTP::Daemon: 8.000 caracteres

Então, fica a dica, não utilizar URL’s com mais de 2.000 caracteres para que funcione em todos os browsers.

Referências

• Anieto2K - ¿Cual es el tamaño máximo de las URL’s?

Após o lançamento do Adobe AIR, todo mundo está correndo atrás para lançar seus aplicativos para desktop, e dessa vez foi a eBay que lançou sua versão. Com essa aplicação você pode buscar por produtos, administrar pagamentos e uma série de outras coisas. O tamanho da aplicação é de 7.0 MB, fora a instalação do Adobe AIR, que pode ser baixado a partir do site do ebay ou da própria Adobe.

Referências

• IncubaWeb - eBay Desktop 1.0 funcionando con Adobe Air 1.0

Google Maps é uma ferramenta do Google que revolcucionou a Internet. Graças a geolocalização foram possíveis o desenvolvimento de aplicações como Panoramio. Mas se você achava que era impossível fazer o uso de Mapas do Google com imagens estáticas, estava muito errado.

Para fazer o uso de imagens desse tipo, você deve utilizar uma chave, que você obterá ao cadastrar seu site no Google Maps API. Uma vez com essa chave, podemos obter a imagem estática.

<img src="http://maps.google.com/staticmap?center=47.238336,8.827171&zoom=12&markers=40.416741,-3.70325,red&size=512×512&key=MAPS_API_KEY“>

Analisando a URL, veremos os parâmetros que intervêem e as quais podemos personalizar nosso mapa:

• center: //Centro da imagen (ej: 0.0000,0.0000)
• zoom: //Zoom que se aplica a imagen, de 0 a 19 (0 para longe, 19 para perto)
• size: //Tamanho da imagem em pixels (máximo 512×512)
• maptype: //Tipo de mapa (roadmap => Mapa para páginas web, mobile => Mapa para baixas resoluções)
• markers: //Marcadores dentro do mapa. (ex: markers=40.702147,-74.015794,blues|40.711614,-74.012318,green)

Referências

• Anieto2K - Google Maps sin Javascript

Você acaba de desenvolver um site para dispositivos móveis e outros pequenos dispositivos conectados a internet e não sabe como adicionar a URL ao Google? É muito fácil, basta seguir as instruções listadas no Webmaster Help Center, e visitar o tópico: I have a mobile site. How can I add it to Google’s Mobile index?.

Resumindo:

• Utilizar o código correto e válido, fazendo o uso do doctype e do content-type correto.
• Seguir as Mobile Web Best Practices 1.0.
• Deixar que os Search Engines acedam ao conteúdo.

Referências

• Web es móvil - Como añadir un sitio web móvil a Google.

Imagine a situação acima, ano de 2100, os browsers em versões altamente avançadas e nós desenvolvedores ainda testando os sites no Internet Explorer 7. Não duvido disso.

Via: Beast-Blog.com.

Um vídeo que explica de uma forma simples o que é a Web Semântica.

Via: estándares y accesibilidad

Se você pensa que não é possível criar um link para um certo local de um documento PDF, como se fossem âncoras, está muito enganado isso é possível e é muito simples de fazer. O site RDPSlides.com explica o passo a passo em detalhes de como fazer isso. A forma de usar essa característica é agregar parâmetros depois do nome do documento, desta forma:

documento.pdf#param1=valor1&param2=2& ... paramN=valorN

Alguns dos parâmetros disponíveis:

• page: para indicar em que página se deve abrir o documento.
• zoom: establece um nível de zoom. O valor 100 é equivalente a 100%.
• pagemode: valores entre bookmarks, thumbs, ou none.
• toolbar: true para mostrar a barra de ferramentas e false para não mostrá-la.

Mas como tudo não são rosas, existem algumas limitações:

• Funciona somente com o Adobe Reader e outros leitores de arquivos PDF que enham essa função definida.
• Funciona em links somente com documentos em servidores, não em arquivos locais.

Referências

• AgenciaWeb - Links Inteligentes a documentos PDF.

Não sei se essa informação é verdade, mas acabei descobrindo que no dia 12 de Fevereiro de 2008 a Microsoft obrigará a todos os usuários do Internet Explorer 6 a atualizarem para a versão 7 via Windows Update. Essa com certeza seria a melhor coisa do mundo, mas ficaria melhor ainda se todos largassem do IE e utilizassem o Firefox, ou Flock, Opera, Safari, WebKit, Konqueror….