3D com HTML 5

Este vídeo de demonstração está armazenado no youtube com formato frash como todos do youtube, mas podemos observar que é puro html 5 em um browser google chrome e que possui um 3D muito bom, utilizando O3D.
Pode ser alterado instantaneamente por estar armazenado no browser.
Visite o link e confira: Vídeo 3D HTML

Continue lendo....

Testes em Browser

Como testar a linguagem em todos browsers disponíveis e, ainda em todos tipos de aparelhos como móbiles. A W3C tem um grupo de trabalho que estão a revendo a maneira como eles fazem os testes, e também aumentar o número de testes.

A CSS foi o primeiro Grupo de Trabalho, quando se trata de testes, o grupo tem vários documentos em fase de recomendação a "candidatos" que estão aguardando os testes e ensaios.
O Grupo de Trabalho em HTML está começando a pensar nos testes, um componente-chave para assegurar o sucesso do funcionamento do HTML 5 é através de testes.

A especificação é muito grande, que vai exigir muito trabalho.
Quando se deparam com um bug do navegador baseado em uma especificação, ela deve ser fácil para eles apresentarem um teste para W3C.
Deve também permitir que os fabricantes de navegadores apresentarem milhares de testes de uma vez.

Devemos também formatar o maior número possível de provas. Reftests, mochitests, DOM, apenas exames, testes em humanos, etc. O aspecto importante aqui é ser capaz de executar os testes em várias plataformas e navegadores possíveis, um formato de teste que só pode ser executados em um navegador não tem utilidade para nós.

Uma vez que um teste foi submetido, ele precisa ser revisto. A idéia básica por trás opiniões de testes de melhoria é permitir que os indivíduos possam contribuir. Os recursos da W3C,
não são suficientes para analisar dezenas de milhares de testes. É preciso envolver a comunidade em geral, fazendo comentários. Ele permitirá que os grupos de trabalho para apenas
incidir sobre os testes controversos.

Testes de layout automáticas são muito mais complicado, especialmente nos telemóveis. Estamos focados em um método durante o nosso encontro: abordagem baseada em imagem. A idéia básica aqui é que uma imagem da página é comparado a uma referência. Mozilla desenvolveu uma tecnologia chamada ref-testes que compara as páginas Web próprias. Você escreve duas páginas de forma diferente e comparar as suas telas.

No Mozilla a maneira de fazer isso é através da API mozPaint no modo de depuração. Isso funciona bem, mas só funciona no Mozilla. Nós quisemos encontrar uma maneira de fazer isso
com todos os browsers. Encontrámos um site chamado browsertests.org muito interessante e entramos em contato com o Sylvain Pasche e, com a sua ajuda, nós começamos a fazer algumas melhorias em sua aplicação.

Ele funciona bem em desktops. Mais uma vez, nós não pensamos W3C é grande o suficiente para reproduzir todos os tipos de ambientes de browser, de modo que devemos fazê-lo
fácil, para as pessoas executarem os testes no seu navegador e relatar os resultados de volta para nós. Abundância de estruturas de teste ter sido feito e já deveríamos tentar aproveitá-los
tanto quanto possível.

Começamos a criar um banco de dados para receber os testes e seus resultados. Nós gostaríamos de continuar os esforços no servidor e banco de dados secundários, bem como continuar a melhorar a aplicação Sylvain. E nós meros mortais tambem precisamos dessas ferramentas.

Continue lendo....

Declaração DOCTYPE

Declaração documento tipo, a W3C (World Wide Web Consortium), encarregado da criação dos Standard web, define que os arquivos HTML, XML, XHTML devem ter uma declaração de tipo DOCTYPE que deve fazer referência a uma das três definições do tipo de documento que existem.

Esta declaração deve ser a primeira linha da nossa página e é necessária para dizer ao navegador seja ele qual for, que versão de HTML é usada página.

Caso contrario, o navegador processará a página em modo Quirks (modo de compatibilidade) podendo interpretar incorretamente o código da página e inutilizar seu trabalho.

A DTD (definição do tipo de documento) é a estrutura que regulamenta os elementos e atributos que estão disponíveis para cada tipo de documento.
Versões anteriores HTML 4.01 não são recomendáveis por que não são totalmente compatíveis com as Folhas de Estilo), existem três tipos de DTD para HTML 4 e três tipos para XHTML 1.0:

Escolhendo o DOCTYPE adequado.

HTML 4.01 Transictional
HTML 4.01 Strict
HTML 4.01 Frameset
XHTML 1.0 Transictional
XHTML 1.0 Strict
XHTML 1.0 Frameset
XHTML 1.1 ( seque a XHTML 1.0 Strict mas não necessita declarar o strict )


HTML Transitional:
HTML 4 Transitional inclui todos os elementos e atributos do HTML 4 Strict mas acrescenta os elementos e atributos ultrapassados
( desaprovados ou obsoletos).Veja o artigo sobre o assunto.

HTML Strict:
Se declararmos este DTD, o navegador passará a agir em cumprimento dos padrões (Standards compilam-se).
Isto implicará que só possam se usar as etiquetas de HTML 4.01.
Este é o modo recomendado pelo W3C, já que é compatível com o CSS e pode ser interpretado corretamente por todos os navegadores,
tornando muito mais fácil o passo de nossos documentos ao XHTML que muito possivelmente tenda a substituir ao HTML nos próximos anos.

HTML Frameset:
Esta é uma variante de HTML 4 transitório para os documentos que utilizam Frames (molduras).

Abaixo seque a lista de declarações só para conferir DOCTYPE para HTML 4.01 e XHTML:

Continue lendo....

Elementos HTML ultrapassados

Se você usa DOCTYPE do HTML 4.01 Transitional nas suas páginas as vezes não lembramos que existe elementos não recomendados que utilizamos normalmente sem nos darmos conta, por que ainda os navegadores os aceitam sem problemas. Um elemento HTML que tenha sido ultrapassada ( deprecated ) deve ser evitado no código html, recomendação da W3C, além de poder apresentar erros de validação. Estes também devem ser removidos do HTML 5.0.

Doctype é a Declaração do Tipo de Documento em conjunto com DTD ( Document Type Definition ), até o momento; todo documento HTML ou XHTML deve conter um Doctype logo no inicio, ele que vai dizer para o navegador qual é a versão do HTML que você está usando no arquivo, existem varias versões do HTML e XHTML, cada uma com sua regra e algumas diferenças na sintaxe.
Strict é mais severo com as normas, e é dele que vamos falar agora.

Alguns elementos muito usados, por exemplo a tag <> , a tag <> não é recomendada em HTML 4.01 e não é suportado no XHTML 1.0 Strict DTD. Fonte W3C.

Por que a preocupação com XHTML? é por que ele deverá fazer parte do HTML 5.0.

São elas as tags :

. APPLET;
. BASEFONT;
. CENTER;
. DIR;
. FONT;
. ISINDEX;
. MENU;
. S;
. STRIKE;
. U.

Exemplo:

< center > Texto centralizado < /center >

Calma mas existe alternativa, que os novatos não usam, a recomendação é de que os elementos devem ser inserida no código CSS. Aliás o próprio Dreamweaver inicia uma nova página com xhtml Transitional.

Vou postar sobre Doctype no próximo post.

Continue lendo....

HTML 5.0 está chegando...

Continuando no html agora html 5.0 a próxima geração da principal linguagem da web, já está dando as caras, com exemplos que mostram que poderemos criar sites muito mais acessíveis, animados e bonitos, já estava na hora, embora os trabalhos iniciaram em 2004 e estão no momento com alguns contra tempo, já existem navegadores que foram atualizados para essa linguagem.
A primeira vista diria que foi feito com o Flash ou Silverlight mas é só HTML com as vantagens do HTML que é uma linguagem livre, e qualquer um pode ver o código como foi produzido.
Confira o exemplo de video html 5.0 no link externo abaixo:
HTML 5
Lembrando que você precisa ter o Safari 4, Firefox 3.5 (já liberado)ou Opera 10 para executá-lo de forma correta todos em vista de serem liberados.E o Internet Explorer ? Esse será um novo problema para webdesign.

Continue lendo....

Importância do HTML

Qual a importância do HTML para a internet atual? Ainda hoje não conseguimos ficar sem ela, mas seu desenvolvimento foi interrompido em 1999 com a HTML 4 e a recomendação 4.01.
E o que foi feito de 1999 a 2009? Ao que parece a W3C centrou seus esforços sobre sobre XML, SVG, e outras. E o XHTML é uma reformulação da linguagem de marcação HTML, baseada em XML, o XHMTL que também é uma recomendação e veio para substituir o HTML desde o início do ano 2000.
Web designers começaram a aprender CSS e JavaScript, nesse intervalo de tempo, para suprir necessidades de suas próprias aplicações em cima dos quadros atuais.
E agora, o hoje? Três grandes fabricantes de navegadores Apple, Opera, e da Mozilla Foundation, juntaram seus esforços na WhatWG mais recentemente com o apoio da gigante Google
com intenção desenvolver uma versão atualizada do clássico HTML. A W3C tomou conhecimento destes acontecimentos e começou sua próxima geração HTML com esforço conjunto dos mesmos membros, que provavelmente haverá uma fusão dos trabalhos.

Continue lendo....