Tutorial de Canvas – Parte 7 – Animações básicas

Este é o sétimo e último artigo de uma série que irá apresentar os recursos disponibilizados pela nova tag <canvas> do HTML5. Nesse artigo, veremos como criar animações básicas no Canvas. Você pode acessar uma lista de todos os artigos da série nesse link.
Continuar lendo Tutorial de Canvas – Parte 7 – Animações básicas

Tutorial de Canvas – Parte 6 – Composição

Este é o sexto artigo de uma série que irá apresentar os recursos disponibilizados pela nova tag <canvas> do HTML5. Nesse artigo, veremos como aplicar efeitos de composição aos objetos desenhados no Canvas. Você pode acessar uma lista de todos os artigos da série nesse link.
Continuar lendo Tutorial de Canvas – Parte 6 – Composição

Tutorial de Canvas – Parte 5 – Transformações

Este é o quinto artigo de uma série que irá apresentar os recursos disponibilizados pela nova tag <canvas> do HTML5. Nesse artigo, veremos como aplicar transformações aos objetos desenhados no Canvas. Você pode acessar uma lista de todos os artigos da série nesse link.
Continuar lendo Tutorial de Canvas – Parte 5 – Transformações

Tutorial de Canvas – Parte 4 – Aplicando estilos e cores

Este é o quarto artigo de uma série que irá apresentar os recursos disponibilizados pela nova tag <canvas> do HTML5. Nesse artigo, veremos aplicar estilos e cores à objetos desenhados no Canvas. Você pode acessar uma lista de todos os artigos da série nesse link.
Continuar lendo Tutorial de Canvas – Parte 4 – Aplicando estilos e cores

Tutorial de Canvas – Parte 3 – Usando imagens

Este é o terceiro artigo de uma série que irá apresentar os recursos disponibilizados pela nova tag <canvas> do HTML5. Nesse artigo, veremos como usar manipular imagens com o Canvas. Você pode acessar uma lista de todos os artigos da série nesse link.
Continuar lendo Tutorial de Canvas – Parte 3 – Usando imagens

Tutorial de Canvas – Parte 2 – Desenhando formas

Este é o segundo artigo de uma série que irá apresentar os recursos disponibilizados pela nova tag <canvas> do HTML5. Nesse artigo, veremos como desenhar formas simples com o Canvas (como triângulos, linhas e arcos). Você pode acessar uma lista de todos os artigos da série nesse link.
Continuar lendo Tutorial de Canvas – Parte 2 – Desenhando formas

Tutorial de Canvas – Parte 1 – Uso básico do Canvas

Este é o primeiro artigo de uma série que irá apresentar os recursos disponibilizados pela nova tag <canvas> do HTML5. Nesse artigo, veremos alguns exemplos de uso básico do Canvas. Você pode acessar uma lista de todos os artigos da série nesse link.
Continuar lendo Tutorial de Canvas – Parte 1 – Uso básico do Canvas

Tutorial de Canvas

O <canvas> é um elemento do HTML que pode ser usado para desenhar gráficos através do uso de scripts (normalmente JavaScript). Pode, por exemplo, ser usado para desenhar gráficos, criar composições de fotos ou criar animações simples (ou não). A imagem abaixo mostra alguns exemplos de implementações do <canvas>  que veremos nos artigos seguintes.

Canvas_tut_examples

Continuar lendo Tutorial de Canvas

Tutorial de criação de folhas de estilo com CSS3

Esse artigo irá tratar um pouco sobre o CSS, uma ferramenta chave para o design web. No caso de você não estar familiarizado com o CSS: ele é a tecnologia relacionada ao HTML que é usado para definir o estilo de suas páginas web. Os detalhes serão descritos nesse tutorial, mas nesse momento, podemos dizer que o CSS pode fazer com que sua página web fique ótima!

Continuar lendo Tutorial de criação de folhas de estilo com CSS3

Guia de referência do HTML5

O HTML5 será o novo padrão para o HTML. A versão anterior, a 4.01, foi definida em 1999. A web mudou bastante desde então. O HTML5 ainda está em fase de construção. Porém, os principais navegadores suportam a maioria dos novos elementos do HTML5 e suas APIs.

Continuar lendo Guia de referência do HTML5

Uma aplicação exemplo usando a API nativa do iPhone com HTML5 e um banco de dados SQL local

Esses dias eu tive a oportunidade de testar o PhoneGap, um framework open-source para criar aplicações móveis nativas com padrões web. Dessa forma, a primeira coisa que vem a mente quando se pensa sonre HTML5 é que mesmo que os navegadores móveis sejam rápidos para implementar novos recursos, você não pode contar totalmente em “padrões” mas sim em “rascunhos”. As consequencias disso são um documentação ruim e dificuldade de achar ajuda em tópicos e discussões pela web. Continuar lendo Uma aplicação exemplo usando a API nativa do iPhone com HTML5 e um banco de dados SQL local

WebM: Google lança formato de vídeo aberto para web

WebM é o formato de vídeo, aberto e livremente implementável, que o Google anunciou ontem e que chega para complicar (em um ótimo sentido, aparentemente) ainda mais a novela dos formatos de vídeo do HTML5 – e possivelmente dar aos defensores do H.264 algo em que pensar, ao mesmo tempo em que oferece uma alternativa adicional (baseada em Matroska, Vorbis e VP8, com código aberto (licença de software livre, estilo BSD) e expressamente isento de royalties sobre patentes) a quem previamente defendia o Theora.

Referência (http://br-linux.org)