Category Archives: XHTML & CSS

Converter milissegundos do tempo de video HTML 5 em minutos com javascript

Posted on 15 de junho de 2011 by Tilo

A tag video do HTML 5 oferece vários atributos que ajudam o programador HTML montar um layout personalizado, porem ele trabalha com tempo em milisegundo, porem exemplo o tempo do video ao inves de vir 1:25 virá 85.5986445852 e agora, … Continue reading →

Posted in HTML 5, JavaScript, jQuery & Ajax, XHTML & CSS | Tagged , , , | Leave a comment

CSS Personalizado para mudança de orientação no iPhone e iPad

Posted on 14 de junho de 2011 by Tilo

Já fiz um post explicando como via JavaScript pegar essa mudança e colocar uma classe no body da página, além de ter um melhor resultado em performance ainda permite que seja testado no PC, mas se mesmo assim você ainda … Continue reading →

Posted in XHTML & CSS | Tagged , , , , | 2 Comments

Detectar mudança de orientação no iPhone e iPad com JavaScript

Posted on 14 de junho de 2011 by Tilo

Para montar um layout personalizados para iPhone e iPad o programador HTML precisa ficar atento a alguns detalhes importantes, como a orientação, mesmo tendo um recurso do CSS muitas vezes precisamos que as funções JavaScript se comportem de forma diferente … Continue reading →

Posted in HTML 5, iPhone, XHTML & CSS | Tagged , , , | Leave a comment

CSS 3 – fazendo degrade com webkit-gradient

Posted on 21 de janeiro de 2011 by Tilo

Como prometido no ultimo post onde falamos sobre “Utilizando webkit-box-reflect ( reflexo com css 3 para iphone/ipad/safari e chrome)”, nesse post vou complementar a dica sobre o uso do webkit-gradient, vamos iniciar pela sintaxe. Sintaxe: -webkit-gradient(<type>, <point> [, <radius>]?, <point> … Continue reading →

Posted in XHTML & CSS | Tagged , , | Leave a comment

Utilizando webkit-box-reflect ( reflexo com css 3 para iphone/ipad/safari e chrome)

Posted on 20 de janeiro de 2011 by Tilo

A idéia é bem simples, vamos pegar uma imagem, e fazer o reflexo, o conceito é o mesmo de uma sombra vamos usar a seguinte imagem: Para fazer o reflexo com CSS 3 vamos utilizar a propriedade –webkit-box-reflect, primeiro vamos … Continue reading →

Posted in XHTML & CSS | Tagged , , , , , , | 1 Comment