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

Internet Explorer 8 Beta 1 – Primeiras Impressões

Postado por: Pedro Rogério em
  • 6 mar
  • 14

Não aguentei e efetuei o download do novo browser da Microsoft. Fiquei meio com medo, mas a instalação ocorre como qualquer outra coisa no Windows, muito Next », Next », Next »:

Tela de instalação do IE8
Tela de instalação do IE8

Após a instalação ocorrer corretamente, lá vamos nós reiniciar o computador:

Tela de instalação do IE8

A partir do momento que você inicia o browser pela primeira vez, ele pede para serem efetuadas as configurações padrão, como no IE7:

Tela de configuração do IE8

Logo já fui testar meu site para ver como ficaria e já tomei um susto, o site ficou todo quebrado:

Pinceladas da Web no IE8

Por ser um browser ainda em versão beta, isso não me preocupa muito, só devemos começar a nos preocupar assim que for lançada a versão final. Mas uma coisa que me surpreendeu e muito foi a possibilidade de podermos emular o IE7 dentro do IE8, foi só fazer a emulação que o site se comportou normalmente, pelo menos parece que isso funciona corretamente:

Pinceladas da Web no IE8

Acid2 Test

Abaixo o resultado do IE8 Beta 1 no Acid2 Test:

Acid2 Test

Acid3 Test

Resultado do Acid3 Test: 17/100

Acid3 Test

Outros reviews:

Contagem regressiva para o WordPress 2.5

Postado por: Pedro Rogério em
  • 6 mar
  • 2

Preparem-se para a chegada do WordPress 2.5, essa nova versão trará a partir do dia 28 de março muitas novidades, por enquanto você já pode ver uma lista de temas e plugins compatíveis com essa nova versão.

Novidades dessa nova versão

get_avatar()

Faz a requisição de gravatar por parte da Automattic, a integração com o serviço mais usado de gravatar para a ser uma função nativa do WordPress.


get_avatar( $id_or_email, $size = '80', $default = '' );

Posts aleatórios

Uma novidade muito solicitada pelos usuários do WordPress é a possibilidade de mostrar posts de forma aleatória. Mediante o uso da função get_posts() do objeto WP-Query podemos obter os resultados ordenados aleatoriamente.

is_front()

Semelhante a função is_home(), uma função que soluciona todos os problemas que is_home() causava com os posts que você gostaria de colocar em sua home.


if (is_front()) ...

get_sidebar() e as várias sidebars

A função get_sidebar() é responsável por mostrar o conteúdo do arquivo sidebar.php, que agora permitirá carregar diferentes sidebars mediante um parâmetro:


get_sidebar("left"); ---> sidebar-left.php
get_sidebar("right"); --> sidebar-right.php

wp_list_categories(), wp_dropdown_categories() e o limite de profundidade

Agora a estrutura da função wp_list_categories() nos permitirá mostrar os filhos das categorias ou não, agora podemos definir quantos filhos de filhos queremos mostrar.

Optimal Title integrado ao WordPress 2.5

Após o brilhante êxito desse plugin, ele acabou se tornando parte do WordPress 2.5.

Manutenção detalhada das Tags

Devido a relevância das tags nas últimas versões do WordPress, foi desenvolvido um painel para administrá-las facilmente, visto que o plugin Advanced Tag Entry não conseguia.

Intergração com o sistema de atualização

Agora possui uma melhor integração com o sistema para dotar de maiores e melhores funcionalidades a nossos plugins/temas/scripts.

WP_DEBUG

Novo suporte para depurarmos nosso WordPress. Ativando essa variável no wp-config.php podemos ver os erros na tela, e não mais uma tela em branco.

USER_NOTICE

Uma vez terminada a migração, deveremos passar a prova da USER_NOTICE, uma variável que nos mostra se estamos utilizando código depreciado em nosso WordPress.

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

Emuladores de browsers móveis da Yospace

Postado por: Pedro Rogério em
  • 4 mar
  • 1

Yospace Logo

Na página SmartPhone Emulator da Yospace, você pode testar mais de 30 modelos emuladores de browsers para dispositivos móveis como Nokia, Sony Ericsson, Motorola…. todos são aplicações java que você pode executar diretamente em seu navegador.

Outros emuladores (instaláveis ou executáveis pela web), você pode encontrar em Mobile Emulators, de dev.mobi.

Referências

Páginas:«1...56575859606162...119»