Cosme Faé - Design e desenvolvimento. » Web Standards

Cosme Faé - Design e desenvolvimento.

Depois de tanto tempo

Por Cosme Faé | 16 de Janeiro de 2007

Depois de tanto tempo sem blogar, estou aqui de volta.
A saudade foi absurda…

Muitas coisas aconteceram enquanto eu estive fora do blog. A web evoluiu bastante: as redes sociais, as tecnologias, os webstandards, novas conclusões, etc…

Agora verei se encontro um tempo maior para continuar com todo gás aqui no Blog.

Até a próxima, pessoal! ;D

Exame XHTML - Teste Seus Conhecimentos

Por Cosme Faé | 29 de Março de 2006

Acho que já deu tempo da galera estudar bastante XHTML com meu post anterior, e como prometido no mesmo, estou trazendo o Exame XHTML. O meu amigo JuseH me deu uma força com PHP, ele me ajudou bastante na parte server-side.

Depois de tanta dor de cabeça com JS, PHP consegui finalizar, e estilizei para ficar com um visual bem bonito (clean). Só de lembrar de cada bug que ocorreu no desenvolvimento… (uff). Espero que todo mundo acerte as questões.

Boa sorte.

Faça o teste: Exame XHTML

[update] Fiz umas alterações nas respostas da número 11 e 14 do exame. A pressa é inimiga da perfeição, eu deveria ter resolvido isso antes… :P [update]

Doctype - Especificando o Tipo de Documento

Por Cosme Faé | 27 de Março de 2006

Doctype quer dizer Document Type Definition (Definição do Tipo de Documento), ou simplesmente, DTD.

É necessário que o user-agent saiba qual a DTD que o documento (X)HTML usa. Por isso existem 3 (três) tipos diferentes:

  • Strict: Utilizado no documento XHTML sem nenhum erro.
    <!DOCTYPE html
    PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
    “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
  • Transitional: Utilizado quando está com um código migratório (nota: o mais utilizado), do HTML para o XHTML:
    <!DOCTYPE html
    PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
    “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
  • Frameset: Utilizado caso exista FRAMES no código-fonte da página:
    <!DOCTYPE html
    PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN”
    “http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”>

A declaração do Doctype é sempre no ínicio do documento, veja o exemplo:
<!DOCTYPE html
PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

<html>
<head>
<title> Título do Documento </title>
</head>

<body>
[teste]
</body>
</html>

Cada um destes tipos está definido em especificação própria no W3C. Lembrando que é fundamental a especificação do Doctype na página para o user-agent processar os dados sem problema algum. Em alguns browsers - caso não declare o Doctype - o documento entrará em modo “standards”, assim dependendo dos elementos do código-fonte, a página será exiba de forma obsoleta.

Firefox 2.0 Alpha 1 - Primeiras Impressões

Por Cosme Faé | 24 de Março de 2006

Firefox - LogoDe primeira vista a interface não mudou praticamente nada. Agora possui o codinome Bon Echo.

O sistema de favoritos foi totalmente reestruturado (ou quase - mas está bem melhor). Tem um sistema de tags nos favoritos onde cada um poderá ficar organizado em diversas pastas ao mesmo tempo, exemplo: Cosme Blog poderá ficar nas pastas Web Standards, CSS e Web.
O ícone dos favoritos é feio, está localizado acima das abas no canto esquerdo. Ao ser clicado abre uma janela de controle dos favoritos. Reparei que o sistema de Histórico e de Bookmarcks (Favoritos) estão interagindo entre si.

Botão de fechar individual para cada aba e salvamento de sessões (retorna as abas que estavam abertas em caso de travamento) são uma das funcionalidades integradas ao sistema que foram retiradas de Extensões criadas pela comunidade. Acredito que até o fim desta versão a navegação por abas melhorará muito mais.

A renderização dentro dos padrões feita no Acid2 contina a mesma coisa em relação ao Firefox 1.5.0.1 (atual versão oficial).

Firefox 2 passará por um segundo Alpha, em maio de 2006, e dois Betas, em junho e julho de 2006. O lançamento da versão oficial do Firefox 2.0 está prevista para Agosto deste ano. Acredito que até meiados de Setembro os desenvolvedores das extensões já tenham criado novos updates que suportem a versão 2 do browser.

Muita gente está cansado de ficar olhando os relatórios de segurança da Mozilla para saber se alguma extensão está com problemas de segurança (deveriam fazer isso), a equipe de desenvolvimento do Firefox está focando também na segurança das extensões, será criado um controle onde o próprio servidor da Mozilla poderá bloquear automaticamente uma extensão com problemas de segurança em todos os navegadores instalados.

Internet Explorer 7 Beta 2 - Primeiras Impressões

Por Cosme Faé | 22 de Março de 2006

Logo-IE7Depois que anunciei no meu post anterior a chegada dessa nova versão fiquei com medo (como muitos) de instalar. Mas resolvi ver o que a Microsoft está desenvolvendo para o browser.

É um breve artigo mostrando apenas algumas características do Beta, com alguns links de Screen Shots tiradas por mim.

Tive problemas na hora da instalação, mas achei uma dica no site do Terra que me ajudou muito (não afetará em nada no IE6 já instalado no PC - é o que promete o Terra):

Após efetuar o download do bendido browser é só descompactar o arquivo (necessita do Winrar) em algum diretório no PC. Não precisa executar o arquivo. Depois tive que localizar o arquivo shlwapi.dll dentre os arquivos descompactados e deleta-lo.

É só abrir o Bloco de Notas (Iniciar -> Programas -> Acessórios), vá em Salvar Como e salve com o nome de IEXPLORE.exe.local no diretório do IE7. Pronto, basta executar o arquivo iExplore.exe.

Agora possui atalhos iguais ao Firefox nas abas. Criar aba (CTRL+T) e Navegação pelas abas (CTRL+Tab).

A renderização dentro dos padrões feita no Acid2 melhorou apenas um pouco em relação ao primeiro Beta.

Por que a busca padrão do IE7 é o Google? O que houve com o MSN Busca?

Existe um botão ao lado esquerdo das abas que ao clicá-lo exibe uma aba com miniaturas das abas restantes, realmente, bem interessante. Eu já vi uma extensão do Firefox que faz isso, mas vamos dar o ponto para a Microsoft.

Aqui o suporte a RSS não funcionou, o botão fica em um tom bem fraquinho, está desabilitado. Mesmo assim, nenhuma novidade.

Quando é acessada alguma página com certificado de segurança na versão anterior aparecia apenas um cadeado cinza (isso mesmo - quase imperceptível) ao lado da barra de endereços. Nesta versão colocaram parecido com a do Firefox, o fundo da barra de endereços ficou amarelo (um amarelo mais berrante que o do Firefox) e um botão ao lado da barra nem um pouco discreto com a descrição: “Certificate Warning”.

Em relação a velocidade na renderização dos sites, o Internet Explorer parece que piorou. Grande ponto para a rapoza mais rápida do oeste.

A versão final do Internet Explorer 7 está prevista para 2007, espero que esse longo tempo sirva para levar melhorias ao browser e pensar um pouco nos usuários, afinal, eles que usarão. Até lá vamos esperar os Alphas, Betas, Previews e Crack’s pela net e avaliarmos como está andando o desenvolvimento…

Conteúdo sob Licença Creative Commons Creative Commons License