Browsers » Pinceladas da Web - HTML5 Hard Coding and Bullet Proof CSS

Webkit irá integrar armazenamento no cliente

Postado por: Pedro Rogério em 4 de janeiro de 2008

4 jan
2

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.

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

Postado por: Pedro Rogério em 2 de janeiro de 2008

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

Daniel Mota – Evitar el halo azul en safari.

Wiki com recompilação de erros do Internet Explorer

Postado por: Pedro Rogério em 27 de dezembro de 2007

27 dez
11

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 de dezembro de 2007

22 dez
0

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

IncubaWeb 2.0 – Mozilla busca Beta Testers

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

Postado por: Pedro Rogério em 13 de dezembro de 2007

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.

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

Webkit integra tags HTML5 para suporte multimídia

Postado por: Pedro Rogério em 11 de dezembro de 2007

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

Anieto2K.
WebKit Blog.

Como instalar vários Internet explorers no seu Mac OSX

Postado por: Pedro Rogério em 30 de novembro de 2007

30 nov
6

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.