Como o Opera ajuda na Acessibilidade

Postado por: Pedro Rogério em
  • 18 jan
  • 3

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.

Continuar lendo »

Webkit irá integrar armazenamento no cliente

Postado por: Pedro Rogério em
  • 4 jan
  • 2

Ícone WebKit

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.

WebInspector

Referências

Como evitar o rastro azul em volta dos inputs e textareas no Safari

Postado por: Pedro Rogério em
  • 2 jan
  • 7

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

Wiki com recompilação de erros do Internet Explorer

Postado por: Pedro Rogério em
  • 27 dez
  • 11
Internet Explorer Bugs

Quando digo na empresa onde trabalho, que apesar do Internet Explorer ser o browser mais utilizado, ele é o pior browser da história da internet, praticamente todo mundo discorda de mim, mas eu como desenvolvedro posso falar isso com a maior autoridade do mundo. Se já não bastava ele ter um suporte precário a CSS, basta você dar uma olhada em sua lista de bugs para descobrir que o buraco é bem mais embaixo.

Mozilla está a procura de beta testers

Postado por: Pedro Rogério em
  • 22 dez
  • 0
Beta Splash

A companhia que está por trás do browser mais amado entre os desenvolvedores está a procura de novos beta testers para seus produtos, onde foi criada uma lista de discussão onde você pode demonstrar o seu interesse. Apesar de a empresa estar focada no desenvolviento da versão 3 do firefox, a Mozilla parece que segue com novos produtos, e para isso segue disposta a encontrar usuários decididos a testar seus produtos antes do lançamento para o público em geral.

Com esse objetivo, buscam pessoas da counidade de usuários que tenham experiência em desenvolvimento web para testar seus produtos que ainda nem estão em fase beta, mas sim ainda em fase de desenvolvimento. Para participar é só se inscrever na lista de e-mail de Beta Testers.

Referências

Diga adeus ao: “Clique aqui para ativar esse controle”

Postado por: Pedro Rogério em
  • 13 dez
  • 1

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.

Flash IE

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

Webkit integra tags HTML5 para suporte multimídia

Postado por: Pedro Rogério em
  • 11 dez
  • 1

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

Páginas:«1...8910111213141516»