Arquivo da categoria: XHTML & CSS

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

Compartilhe este artigo:
Publicado em 15 de junho de 2011 por 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 lendo →

Publicado em HTML 5, JavaScript, jQuery & Ajax, XHTML & CSS | Com a tag , , , | Deixar um comentário

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

Compartilhe este artigo:
Publicado em 14 de junho de 2011 por 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 lendo →

Publicado em XHTML & CSS | Com a tag , , , , | 2 comentários

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

Compartilhe este artigo:
Publicado em 14 de junho de 2011 por 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 lendo →

Publicado em HTML 5, iPhone, XHTML & CSS | Com a tag , , , | Deixar um comentário

CSS 3 – fazendo degrade com webkit-gradient

Compartilhe este artigo:
Publicado em 21 de janeiro de 2011 por 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 lendo →

Publicado em XHTML & CSS | Com a tag , , | Deixar um comentário

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

Compartilhe este artigo:
Publicado em 20 de janeiro de 2011 por 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 lendo →

Publicado em XHTML & CSS | Com a tag , , , , , , | 1 comentário