Versão para Iphone
Mais uma novidade para o blog. Desta vez foi a versão para o iPhone. Como o blog está utilizando “page_cache” não quis mudar e fazer uma versão só pra iPhone então fiz o mais simples, apenas trabalhei com javascript e css.
A primeira coisa que eu fiz foi identificar se o usuário estava vindo de um iPod ou iPhone procurando pelas palavras “Safari” e “Mobile” como sugere a própria Apple.
Feito isso criei uma condição e utilizando o plugin Include do Alexandre Magno para adicionar um css dinamicamente e sob a condição a cima, o resultado ficou assim.
if (navigator.userAgent.match(/(Mobile\/.+Safari)/i)){ $.include("/stylesheets/iPod.css"); }
Depois o único trabalho foi sobrescrever algumas propriedades css no arquivo iPod.css para que a versão do mesmo ficasse simples e fácil pra ler nos aparelhos da maçã. Abaixo uma imagem para mostrar como ficou.
