Desenvolvimento de Front End

Oct 20

IE6 morreu, e agora? O que dá pra fazer diferente no HTML / CSS?

Pedimos por anos a morte do IE6 e hoje considero ele morto, mas e aí? Agora é começar a xingar o IE7 e fazer as mesmas coisas? Nem tanto, algumas possibilidades que não usávamos, podem ser exploradas.

E a grande notícia é que o uso de IE7 vai caindo drasticamente. Hoje segundo a global stats, IE6 no Brasil está na casa de 8%, enquanto IE7 bate cerca de 5% do total.

Então, veja a gama de features que podemos usar se não formos nos preocupar com o IE6.

CSS Attribute selectors
min-height / max-height / min-width / max-width
General Sibling Selector
Float Left + Margin Left
border-color: transparent
Porcentagem na margin / padding
position:fixed
png24
:hover em qualquer elemento
> no css (filho direto)

Veja uma pequena apresentação que fiz falando de cada uma dessas features:

Mas e o FDP que ainda usa IE6?

Recomendo usar o IE7.js que minimiza os bugs do browser, vai rodar tipo LENTO, mas se o cara ainda usa IE6, não deve ser alguém muito preocupado com performance, né?

Sep 28

Novas possibilidades com o Google Maps

O Google Maps foi lançado em fevereiro de 2005 e nesses 6 anos ele virou referência pra se indicar um lugar, na internet. E hoje ele está dentro de qualquer smartphone; nos traça rotas de carro / ônibus; mostra como está o transito; o StreetView do maps está presente em 36 países.

E as aplicações neles estão crescendo. Listei 10 sites e experimentos de programadores (isso significa sem design nenhum) fuçando novas possibilidades pro Google Maps:

1 – Dual Maps

Aplicação que sincroniza o Google Maps, o StreetView e a visão aérea do mesmo local.

2 – Stas Kulesh

Monta um mosaico de fotos do Flickr no Maps e deixa navegar nele.

3 – Valor do Taxi

Escolha dois endereços e o site calcula a rota e um valor aproximado de uma viagem de taxi do ponto A ao B.

4 – MegaFoto

Aquele esquema de gigafotos é possível fazer usando o google maps.
Nesse caso eu que fiz um teste (#VaiCorinthians). Mas teve algum site que já usou isso comercialmente mesmo.

5 – Pop Places (Made In Web)

Uma espécie de game / site interativo, que traça uma rota pra você pilotar um avião dentro do maps. Foi desenvolvido como um case pra um concurso de HTML5 do Google.

6 – Rota animada

Percorre uma rota animada com um carrinho feio do ponto A ao ponto B.

7 – TwitterVision

Na verdade quando fui tirar o print não estava funcionando, mas basicamente ele procurava algo no twitter, identificava o lugar de origem do post e apontava no mapa onde foi postado (movendo o mapa) e aparece a mensagem do tweet com a foto de que publicou. O efeito é legal. Fiz algo parecido pra click em 2009 mas acabou não sendo aproveitado.

8 – Los Angeles Firemap

Quando houve o grande incêndio em Los Angeles, o site Los Angeles Times publicou um mapa estilizado, desenhando os pontos de risco, pontos de evacuação, etc.