Pinceladas da WebMovido a: XHTML, CSS, PHP e WebStandards

Primeiramente, não vou repetir aqui o que já foi dito em milhares de sites por aí, portanto, se quiserem mais informações sobre esse assunto que rolou durante essa semana no mundo dos WebStandards, é bom dar uma olhada nos seguintes links:

• A List Apart: Beyond DOCTYPE: Web Standards, Forward Compatibility, and IE8.
• Snook.ca - IE8 to include version targeting.
• Anieto2K - Internet Explorer 8.0 modo super estandar.
• Superfície Reflexiva - IE8 e Compatibilidade.
• intertwingly - Best Standards Support.
• Tripix.net - IE8, estándares y la super-polémica del mes.

Mas como reagiram pessoas como: Anne van Kesteren, Ian Hixie, Dean Edwards ao ouvirem essa informação? Veja a opnião de alguns deles.

E você, leitor assíduo aqui do blog, o que achou dessa nova artimanha da Microsoft?

Debugbar é uma aplicação semelhante ao Firebug que se integra ao Internet Explorer e permite inspecionar código-fonte, CSS, marcação, JavaScript, DOM, os cabeçalhos HTTP e as informações gerais da página. Além também de possuir ferramentas parecidas com a Web Developer Toolbar, como redimensionamento da janela, color picker, noificação de erros, entre outros.

Debugbar é gratuito para uso pessoal ou educacional, e em seu Wiki você pode encontrar toda a informação necessária para seu uso.

Veja Também

• Companion.JS - O Firebug do Internet Explorer

Referências

• Leandono´s Blog - DebugBar, un Firebug para Internet Explorer.

“O Internet Explorer só serve para baixar o Firefox.”

Vi aqui: ceslava.com /blog

O Opera era um dos meus browsers favoritos quando eu utilizava Windows, mas depois acabei migrando para o Linux e estou utilizando mais o Firefox do que ele agora. O Opera, além de ter um grande suporte a CSS, também auxilia os usuários com algum tipo de descapacidade, que podemos citar algumas:

Pessoas com deficiências físicas

• As pessoas que não podem utilizar o mouse, podem usar navegação por tabulação, navegação seguindo os títulos, os vários atalhos de teclado que auxiliam a acelerar a navegação. Também suporta as teclas de atalho das páginas que acessamos, permitindo eliminar temporariamente os atalhos do Opera para não evitar problemas de conflito entre eles.
• Para pessoas que podem fazer o uso do mouse, é incluso a possibilidade de se fazer uso de gestos do mouse, onde dos quais se podem realizar operações frequentes com pequenos movimentos do mouse.

Pessoas com deficiência intelectual

• Pode bloquear pop-ups e certos conteúdos que podem distrair o usuário ou levar a janelas onde não é possível voltar.
• Pode recuperar páginas que foram fechadas por algum erro.
• Possui grande capacidade de configuração.

Pessoas com deficiência visual

• Pode efetuar zoom nas páginas ampliando não só os textos, mas também as imagens.
• Permite configurar facilmente as páginas para poder vê-las sem imagens.
• Possui um sistema de saída de voz para os documentos. As características das vozes são configuráveis: se pode escolher entre masculina, feminina e infantil, e se pode modificar o volume, o tom e a velocidade.
• Suporta navegação por reconhecimento de voz.

Referências

• Accesibilidad, Usabilidad y Estandares Web - ¿Cómo ayuda Opera a las diferentes discapacidades?

Uma das novidades que o HTML5 promete é a possibilidade de uma base de dados do lado cliente. Por esse motivo, os browsers que queiram seguir esse padrão já devem ir colocando essa funcionalidade em sua lista de pendências, ou então dependerão do Google Gears para essa funcionalidade.

WebKit é o primeiro a dar o passo em relação a isso, depois de implementar o suporte correto a @font-face, agora dão suporte a base de dados com uma API assíncrona para trabalhar com ela. A linguagem escolhida para trabalhar com a base de dados será JavaScript já que está do lado cliente e é a linguagem mais apropriada para isso, usando SQL para interagir com a base de dados.

Exemplo de uso

var database = openDatabase("Database Name", "Database Version");

database.executeSql("SELECT * FROM test", function(result1) {
   // do something with the results
   database.executeSql("DROP TABLE test", function(result2) {
     // do some more stuff
     alert("My second database query finished executing!");
   });
});

WebInspector

Aproveitando que o WebInspector é uma ferrameta muito úil para os desenvolvedores com WebKit, foi criada uma versão modificada para possuir a possibilidade de administrar as bases de dados locais a partir do browser.

Referências

• Anieto2K - WebKit ya integra almacenamiento en el cliente.

No Safari, quando temos o foco em algum campo input ou textarea, você pode ver que em volta deles é formado um rastro de cor azul para dizer que o campo ganhou o foco. Isso, por questões de acessibilidade é muito interessante, mas se você tem alguma imagem de fundo nos inputs que não tenham borda, isso é meio desastroso. Para solucionar esse problema, vaos utilizar a propriedade outline do CSS, que é a mesma uilizada para remover as linhas que ficam em volta dos links:

input, textarea  {
    outline:none;
}

Pronto, agora você não tem mais nenhum rastro azul em volta dos inputs e textareas.

Referências

• Daniel Mota - Evitar el halo azul en safari.

Não, isso não é brincadeira não, isso foi anunciado no blog do Internet Explorer no MSDN, pois pelo que parece, a nova versão do IE que será lançada em um fuuro próximo passou no teste do Acid2. Pra quem não sabe no que consiste o teste, é onde os desenvolvedores de browsers podem ver o quanto de padrões web são suportados pelo browser.

Tem até um vídeo no Channel 9 mostrando o teste.

Desde abril do ano passado, após o caso EOLAS, todo usuário era obrigado a clicar para ativar todos os conteúdos activex em páginas web se você utilizava o Internet Explorer para navegar. Logo os desenvolvedores botaram os neurônios para funcionar e desenvolveram algumas soluções, a mais dela utilizada até hoje é o SWFObject, onde você insere arquivos flash na página via JavaScript.

Mas recentemente a Microsoft liberou a notícia de que até Abril de 2008 será liberado um patch que corrigirá esse problema automaticamente no IE. Mas como a Microsoft não gosta de perder tempo, já liberou um patch que corrige isso, mas que expira-rá em 1 de Abril de 2008, quando será liberado o Patch final.

Referências

• SerAccesible

Os desenvolvedores do WebKit estão trabalhando para que seu browser tenha suporte as tags HTML5 <audio /> e <video />. O código HTML com a integração de Java Script seria da seguinte forma:

<video />

//HTML
<video src=sample.mov autoplay></video> 

//javascript
<script>
function playPause() {
  var myVideo = document.getElementsByTagName('video')[0];
  if (myVideo.paused)
    myVideo.play();
  else
    myVideo.pause();
}
//Aqui é onde controlamos onde o vídeo termina
myVideo.addEventListener(’ended’, function () {
  alert(’video playback finished’)
} );</script>
<input type=button onclick=”playPause()” value=”Play/Pause”>

<audio />

var audio = new Audio("song.mp3");
audio.play();

Referências

• Anieto2K.
• WebKit Blog.

Depois que aprendemos a instalar vários IES no Windows, acabei descobrindo agora uma forma de instalar vários IEs no Mac OSX, bom para desenvolvedores que antigamente precisavam correr e testar o site no Windows.

Seu esquema de funcionamento é semelhante ao do Linux, pois utiliza o Wine, e no momento só está disponível para processadores Intel.

Referências

• Instala varios Internet Explorer en tu Mac OS X.
• IES4OSX.