24 ways: Versão 2008

Postado por: Pedro Rogério em
  • 2 dez
  • 1
24 ways

Está no ar a versão 2008 do site 24 ways, e já temos 2 dicas. Para quem não sabe o que significa o site 24 ways, ele é um site desenvolvido pelos maiores profissionais do desenvolvimento web mundial, composto de 24 dicas para impressionar seus amigos.

O site já existe desde 2005, e os tutoriais se iniciam a partir do dia 1 de dezembro de e vão até o dia 24. Só uma dica, essa versão não está funcionando corretamente no Firefox 2, Opera, não testei no Firefox 3 , mas no Google Chrome, Safari e Firefox 3 (obrigado Eduardo Sarsur por me avisar via Twitter) funciona legal. Pode ser que eles irão corrigir isso.

Versões anteriores

O que são Tag Clouds?

Postado por: Pedro Rogério em
  • 15 mai
  • 5

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.

Não use mailto

Postado por: Pedro Rogério em
  • 22 abr
  • 13

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.

Curiosidade: Qual o tamanho máximo das URL’s?

Postado por: Pedro Rogério em
  • 1 abr
  • 6

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

eBay Desktop 1.0 – Loja Online no seu Desktop

Postado por: Pedro Rogério em
  • 13 mar
  • 1
eBay Desktop

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

Google Maps sem o uso de JavaScript

Postado por: Pedro Rogério em
  • 7 mar
  • 3

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.

Static Google Maps

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

Como adicionar a URL de um site móvel ao Google

Postado por: Pedro Rogério em
  • 5 mar
  • 0

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

Páginas:123»