Introduza o termo a pesquisar e clique Enter.

Via Telemovel

Out 05 19

Escrito por Dextro @ 19/10/05 23:10 | 9 Comentários »

Tal como o titulo do post indica a partir de agora é possivel visitar o meu blog via telemovel de 2ª geração e meia ou superior…

Como é isto possivel? Muito simplesmente graças ao poder da especificação XHTML MP (Mobile Profile) e ao CSS 2.0 que me dá a possibilidade de defenir diferentes folhas de estilo (CSS) para diferentes tipos de dispositivo. O proximo passo agora será criar uma forma de imprimir os textos do meu blog de forma legivel (mantendo a marca da licenca CC).

Para quem não sabe o que é um telemovel de 2ª Geração e meia é muito simples: tem ecrã a cores, nada mais simples HEHE.

E por fim fica uma imagem tirada no Opera que emula bem como será visivel num telemovel Nokia:

Blog para telemoveis e pdas

PS: Os comentarios via telemovel estão desactivados e a barra mais escura no cabeçalho do meu blog visto no PC é para google AdSense em breve se tudo correr bem…

9 Comentários

  2. Dextro

    20 de Outubro de 2005 ás 00:14 [Responder]

    HEHE o principal já está acabado há muito tempo agora chegou a hora de adicionar mariquisses sem quebrar o meu espirito de minimalismo :)

    Adicionei o suporte para telemoveis porque dei comigo a querer mostrar o meu trabalho a um colega mas sem computador á volta para aceder ao blog… Solução: telemovel :mrgreen:

    Agora a seguir é suporte para impressão para a malta puder imprimir os meus tutorials ;)

  4. Rui Moura

    20 de Outubro de 2005 ás 13:02 [Responder]

    Fica sempre bem o nosso blog no telemovel :D .
    Por acaso o meu já experimentei, so aparece atrofiado o sidebar, qua passa para o fundo da página. de resto fica perfeitamente funcional.
    A cena do css para print é que realmente dá jeito. Vê lá se consegues alguma coisa e dás umas dicas ao pessoal ;)

  5. Dextro

    20 de Outubro de 2005 ás 17:01 [Responder]

    é muito simples usar os varios CSS, basta adicionar ao link … isto:

    media=”screen” (pc)
    media=”handled” (telemovel)
    media=”print” (imprimir)

    Depois o que é para ocultar leva “display: none;” e tá feito :mrgreen:

    Se quiserem mais o google deve arranjar LOL :lol:

  7. Ivo Gomes

    20 de Outubro de 2005 ás 18:27 [Responder]

    Para quem não se quer aventurar no CSS e estiver mais à vontade com outro tipo de programação, aqui vai um tutorial rápido: http://www.mikeindustries.com/blog/archive/2005/07/make-your-site-mobile-friendly

    Agora em relação ao CSS própriamente dito, parabéns! Eu estou ao contrário, já tenho versão para print mas não tenho versão para telemóvel… O que fiz foi basicamente usar a versão de print para o telemóvel, mas um dia destes tenho que pensar nisso…

  8. Dextro

    20 de Outubro de 2005 ás 19:40 [Responder]

    Obrigadão, esse site vai ser muito util para tornar o meu blog ainda mais mobile friendly (com algumas alterações claro…). Tal como já disse actualmente só oculto o que está a mais mas tenho de o apagar totalmente se quero que seja rapido a carregar e esse site diz como se faz isso :D

Comente!






Ajuda

Nome:

Preencha o seu nome para assinar o comentário. O preenchimento deste campo é obrigatório.

Os comentários são as suas ideias ou opiniões em relação ao artigo que acabou de ler. Assine o seu comentário para dar a conhecer o seu ponto de vista.

E-Mail:

O seu endereço de e-mail não será publicado. O preenchimento deste campo é obrigatório.

Este site suporta a utilização de gravatars. Caso o seu endereço de e-mail esteja registado em gravatar.com, irá aparecer a sua imagem ao lado do comentário.

Site:

Se tiver um website, este é um bom local para o publicitar.

Sempre que alguém ler o seu comentário, irá ver um link para o seu site. Se o seu comentário for relevante para os outros utilizadores, com certeza eles quererão saber mais sobre si e visitarão o seu site.

Protecção Anti-Spam

Efectue uma pequena soma para confirmar que o seu comentário não se trata de spam.

O preenchimento deste campo é obrigatório.

Comentário

Este formulário permite o uso de algumas tags em HTML5. As tags permitidas são as seguintes:

<a href="" title="">
<abbr title="">
<blockquote cite="">
<code> <em> <del> <ins>
<strong>