Novas funções de formulário em HTML5 (parte 2)

Novas funções de formulário em HTML5 (parte 2)

Olá pessoal. Continuando essa seqüência sobre as novas funções de formulários em HTML5, irei falar agora sobre os novos atributos booleanos dentro da tag “form”.

Backgrounds – Parte 6: Degradê Parte 2

Backgrounds – Parte 6: Degradê Parte 2

Degradê Então galera! vamos continuar a parte 2 sobre Degradê usando apenas o CSS3 puro. Para quem não viu o anterior, acesse Backgrounds – Parte 5: Degradê Parte 1 Agora vamos…

Novas funções de formulário em HTML5 (parte 1)

Novas funções de formulário em HTML5 (parte 1)

Aqui irei começar a seqüência de post falando sobre as novas funções de formulário usando o HTML5. Queria, primeiramente, esclarecer que há muitas funcionalidades novas sobre formulários, porém nem todas…

Backgrounds – Parte 5: Degradê Parte 1

Backgrounds – Parte 5: Degradê Parte 1

Degradê Então pessoal! desta vez vamos aprender como conseguir o efeito Degradê usando apenas o CSS3 puro. Assim como outras novidades trazidas pelo CSS3, nos possibilita criar efeitos que nos…

Aumente a velocidade de carregamento dos seus arquivos de áudio e vídeo

Aumente a velocidade de carregamento dos seus arquivos de áudio e vídeo

Pessoal, nesse post vou mostrar como aumentar a velocidade de carregamento dos seus arquivos de áudio e de vídeo. Para isso, vamos aprender como usar dois atributos: &#60type&#62 e &#60codecs&#62….

O atributo “source” nas tags audio e video

O atributo “source” nas tags audio e video

Pessoal, como podemos ver nas tabelas abaixo, nenhum dos formatos de áudio e de vídeo aceitam as tags &#60audio&#62 e &#60video&#62 em todos os navegadores de internet (ainda):

Backgrounds – Parte 4: Múltiplas Imagens de Background

Backgrounds – Parte 4: Múltiplas Imagens de Background

Múltiplas Imagens de Background Hoje vamos aprender uma das novidades em CSS3 que mais me agradou, a possibilidade de usar múltiplas backgrounds. Ela pode nos proporcionar uma grande economia de…

Os elementos figure e figcaption no HTML5

Os elementos figure e figcaption no HTML5

Oi pessoal. Testaram as novas tags de áudio e de vídeo já postadas? Se não, dá uma olhada nos posts anteriores, porque o que vou falar agora depende muito das…

Backgrounds – Parte 3: background-size

Backgrounds – Parte 3: background-size

background-size Antes do CSS3, o tamanho de fundo era determinada pelo tamanho real da imagem utilizada. A propriedade background-size permite que você altere o tamanho da imagem de fundo para…

Backgrounds – Parte 2: background-origin

Backgrounds – Parte 2: background-origin

background-origin Outra novidade CSS3 que vamos aprender em backgrounds é a propriedade background-origin que permite que você especifique onde a imagem de fundo será exibida. A propriedade pode ser configurada…

Como inserir vídeo no seu site usando o HTML 5

Pessoal, nesse post vou explicar a função mais esperada do HTML5, que é a de inserir vídeos no seu site, usando APENAS códigos HTML. Não é preciso mais ficar dependendo…

Nova estrutura de código no HTML 5

Nesse post, vou falar sobre a nova estrutura de construção de código que o HTML5 traz. Veja a figura abaixo:

Colocando áudio no HTML 5

Colocando áudio no HTML 5

Antes do HTML 5, só era possível colocar áudio no site através do Flash Player e outros plugins. Se você não quer ficar dependente desses plugins, use a tag “&#60audio&#62”…

Backgrounds – Parte 1: background-clip

Backgrounds – Parte 1: background-clip

background-clip A primeira novidade em Backgrounds CSS3 que vamos introduzir é a propriedade background-clip. Essa propriedade é usada para determinar se a imagem de fundo se estende até a borda…

Backgrounds

Backgrounds

backgrounds O CSS3 tem muitas mudanças no elemento background. A mais óbvia é a possibilidade de múltiplas imagens de fundo, bem como adaptações das propriedades atuais. Os novos recursos permitem…

Efeitos de Texto – Parte 4: text-overflow

Efeitos de Texto – Parte 4: text-overflow

text-overflow Alguns conteúdos em um elemento podem sair fora da caixa de renderização do elemento por uma série de razões (margens negativas, o posicionamento absoluto, o índice superior a largura…

Efeitos de Texto – Parte 3: @font-face

Efeitos de Texto – Parte 3: @font-face

@font-face (Fontes Web) Embora a propriedade @fonte-face não seja classificada como “efeitos de texto”, nós trataremos sobre ela aqui. A propriedade @font-face é simplesmente uma maneira de usar qualquer fonte…

Efeitos de Texto – Parte 2: word-wrap

Efeitos de Texto – Parte 2: word-wrap

word-wrap (Quebra de Palavra) Atualmente, quando definimos uma largura para nossa caixa de texto as palavras vão se colocando em linhas para ocupar toda a largura disponível na caixa, mas…

Efeitos de Texto – Parte 1: text-shadow

Efeitos de Texto – Parte 1: text-shadow

text-shadow (Sombra de Texto) O objetivo principal da propriedade é dar aos designers e programadores uma ferramenta para criar efeitos de texto que só poderiam ser feitos anteriormente com imagem. Um…

Efeitos de Texto

Efeitos de Texto

Efeitos de Texto Nessa terceira parte desta série, vamos falar sobre os novos efeitos de texto CSS3. É uma parte muito importante do layout, pois é nela que vamos mostrar nosso…