Dicas Browser

Coleta de informações nos navegadores sempre existiu

2012-02-27T11:41:00.000-03:00

Por mais que você tente, não existe privacidade em navegadores web. Que isso fique bem claro! Engana-se aquele que acredita que uma simples marcação de uma flag fará com que algum código no navegador pare de rastrear por onde navegamos. Quem diz que privacidade existe, mente!

Empresas como Mozilla, Google, Microsoft e Apple travam batalhas, às vezes, judiciais por uma estar violando a privacidade dos usuários do produto da outra. Isso é uma coisa muito comum de acontecer no mundo da tecnologia.

Siga o @dicasbrowser no Twitter e fique por dentro das novidades dos navegadores.

Cada empresa quer saber como o usuário da outra empresa se comporta diante do produto ou serviço para entregar propaganda direcionada a ele. A que melhor se sai fazendo isso é a Google. Coletam informações de navegação dos usuários para melhor direcionar as propagandas do Adsense.

Recentemente, a Google foi acusada de espionar usuários do Safari e do Internet Explorer através de brechas no sistema de gerenciamento de cookies desses navegadores. No caso do Safari, a Google foi pega em flagrante alterando as configurações de segurança dos cookies. Isso despertou grande interesse da mídia que rapidamente espalhou a notícia de deixando a Google de calças curtas.

A empresa se explicou e disse que apenas explorou uma característica do navegador da Apple criando um link "temporário" entre o Safari e a Google.

"Temporário" até ser pega pela imprensa...

Depois desse caso do Safari, a Microsoft resolveu acusar também o Google por violar a privacidade dos usuários do Internet Explorer.

O sistema de gerenciamento de cookies do IE é um pouco diferente dos outros deixando o navegador muito fechado para esse tipo de prática da Google. Mesmo assim, a Google conseguiu "enganar" esse sistema do IE e também coletou informações. Com isso, a Microsoft acusou o Google de ser "espião da web".

Coleta de informações sempre aconteceu

Esse tipo de coisa sempre aconteceu. No Windows, se você rodar um programa de sniffer de rede, verá que o sistema se comunica com os servidores da Microsoft o tempo todo. Pra que isso? Para a Microsoft coletar informações dos usuários do Windows e também verificar a autenticidade do sistema usado. Acontece que isso é feito dentro do sistema da mesma empresa.

Por que você acha que a Google criou um navegador? Por que ela é boazinha e decidiu ajudar os usuários com um navegador melhor? Navegador melhor pode ser, boazinha nem tanto. O objetivo do Google Chrome é coletar informações de navegação do usuário. Simples assim!

Esses são só exemplos do que acontece por aí.

Depois desses acontecimentos, a Google comunicou que o Chrome terá a opção do usuário bloquear o rastreamento de suas informações. Interessante. Resta a empresa comprovar que isso realmente irá funcionar pois suas palavras sobre isso não são confiáveis.

O lema "Don't be evil" não está valendo de nada ultimamente.

Como medir área de uma página pelo navegador

2012-02-14T16:37:00.000-02:00

"Qual é o tamanho necessário para um elemento no HTML?" ou "Qual o tamanho em pixels que preciso para colocar um elemento na página?" Essas perguntas se passam na cabeça dos designers que precisam saber o espaço em pixels de um determinado local do site. Pensando nisso, existem extensões que auxiliam os designers na hora de medir um local.

Os navegadores Opera, Google Chrome, Firefox e Safari possuem extensões que funcionam como régua para medir uma área de qualquer site. O único que não precisa de extensões para isso é o Internet Explorer.

Siga o @dicasbrowser no Twitter e fique por dentro das novidades dos navegadores.

Measureit

O Measureit é o mais conhecido de todos os designers. Está disponível para Firefox, Google Chrome e Safari. Seu funcionamento é bem simples como qualquer régua para navegadores: basta clicar no ícone da extensão na barra de ferramentas e selecionar a área a ser medida na página.

Measureit para Firefox

Measureit para Google Chrome

Measureit para Safari

Page Ruler

Feito para o navegador Google Chrome, o Page Ruler é o meu favorito. Além de mostrar o tamanho da seleção em pixels, também mostra o tamanho da margem. Ótimo para já saber quais são os valores a serem colocados no arquivo CSS.

Page Ruler para Google Chrome

OMeasure!

Feito para o navegador Opera, o OMeasure! é bem simples como o Measureit. Localizado na barra de ferramentas do navegador, possui um indicativo de ligado e desligado bastando selecionar a área a ser medida.

OMeasure! para Opera

Régua - Ferramentas do desenvolvedor

Poucos sabem, mas o Internet Explorer 9 possui uma régua. Para usá-la, vá em Configurações (engrenagem) > Ferramentas para desenvolvedores. Ao aparecer uma janela embaixo, vá em Ferramentas > Mostrar régua. Todo esse caminho também pode ser feito pelo teclado apertando F12 e logo após Ctrl+L.

A régua do IE 9 é mais simples. Mede vertical e horizontal separadamente. Há como escolher uma das quatro cores da paleta para ver melhor o resultado da medição.

Browsers Cosplay... Divertido!

2012-01-17T15:49:00.002-02:00

Muitas brincadeiras são feitas entre os usuários dos navegadores. Uns fazem comparações com garotas, outros fazem comparação com artistas, etc. Como sempre, o Internet Explorer sempre sai na pior e o Google Chrome na melhor. É o que o mercado dos navegadores mostra para todos nós a cada mês que passa.

Pegando essa maré das brincadeiras, algumas meninas de algum lugar do mundo fez um cosplay dos navegadores. Divertido por sinal! Confira abaixo.

Siga o @dicasbrowser no Twitter e fique por dentro das novidades dos navegadores.

Internet Explorer nunca sai bem na foto rs

De qual navegador você gostou mais?

Via: Peter From Texas

Onde baixar um navegador (download)?

2012-01-12T16:36:00.004-02:00

Muitos se fala dos navegadores, mas onde verdadeiramente baixá-los? Sites com botão de download dos navegadores existem aos montes, mas em qual site confiar? Nesse post você saberá onde deverá baixar o seu navegador e desfrutar o que há de melhor na internet.

Primeiramente, quero dizer que não devemos confiar em nenhum site que tenha o botão de download para qualquer aplicativo. Devemos confiar sempre naquele site que é o canal oficial para o seu download. Isso porque muitos desses sites que não são oficiais estão infectados por malware e pode comprometer o funcionamento do sistema.

Por isso, sempre baixe os seus aplicativos no site oficial do desenvolvedor. Somente em última hipótese baixe algo de outros sites. Não vou citar o nome dos sites, mas para quem sabe ler, um pingo é letra.

Então, confira abaixo a lista dos sites oficiais dos navegadores que você pode baixar sem se preocupar em pegar um malware no seu computador:

Navegador (browser), versão, plataforma e site oficial

Google Chrome

Desenvolvedor: Google
Versão atual: 16.0.912.77
Plataformas suportadas: Windows, Mac OS X e Linux
Site oficial: www.google.com.br/chrome

Confira todos os posts sobre o navegador Google Chrome

Mozilla Firefox

Desenvolvedor: Mozilla
Versão atual: 10
Plataformas suportadas: Windows, Mac OS X e Linux
Site oficial: www.mozilla.org/pt-BR/firefox/

Confira todos os posts sobre o navegador Mozilla Firefox

Opera

Desenvolvedor: Opera Software
Versão atual: 11.61
Plataformas suportadas: Windows, Mac OS X, Linux e FreeBSD
Site oficial: www.opera.com

Confira todos os posts sobre o navegador Opera

Safari

Desenvolvedor: Apple
Versão atual: 5.1.2
Plataformas suportadas: Windows, Mac OS X e iOS
Site oficial: www.apple.com/br/safari/

Confira todos os posts sobre o navegador Apple Safari

Internet Explorer

Desenvolvedor: Microsoft
Versão atual: 9.0.4
Plataformas suportadas: Windows
Site oficial: windows.microsoft.com/ie

Confira todos os posts sobre o navegador Internet Explorer

Rockmelt

Desenvolvedor: Tim Howes e Eric Vishria
Versão atual: 0.9.68.1374
Plataformas suportadas: Windows, Mac OS X e iOS
Site oficial: www.rockmelt.com

Confira todos os posts sobre o navegador Rockmelt

Waterfox (Firefox 64 bits)

Desenvolvedor: Comunidade em torno do Firefox apoiada pela Mozilla
Versão atual: 9.0.1
Plataformas suportadas: Windows
Site oficial: waterfoxproj.sourceforge.net

Maxthon

Desenvolvedor: Maxthon International Limited
Versão atual: 3.3.3.1000
Plataformas suportadas: Windows
Site oficial: www.maxthon.com/mx3/index.htm

Confira todos os posts sobre o navegador Maxthon

Wyzo

Desenvolvedor: Radical Software
Versão atual: 3.5
Plataformas suportadas: Multiplataforma
Site oficial: www.wyzo.com

Epiphany

Desenvolvedor: GNOME Foundation
Versão atual: 3.2.1
Plataformas suportadas: Qualquer sistema compatível com Unix
Site oficial: www.gnome.org/projects/epiphany

Confira todos os posts sobre o navegador Epiphany

Lembre-se: só baixe navegadores de sites confiáveis. Dê preferência ao site oficial do desenvolvedor.

Retrospectiva 2011 dos navegadores - Boas Festas!

2011-12-23T17:43:00.004-02:00

Pois é, galera! Mais um ano que termina e vamos curtir as festas de final de ano. Muita praia, comida, bebida ou apenas uma reunião entre amigos, mas tudo com muita responsabilidade. Se dirigir, não beba. Se beber, não dirija. Curta a festa numa boa, de bem com a vida.

Nesse último post de 2011, quero mostrar o que de melhor aconteceu durante o ano no mundo dos navegadores web para podermos projetar algo melhor para 2012. Vamos?

Janeiro

Janeiro veio com tudo em 2011 apresentando novidades e surpresas. A maior de todas elas para nós brasileiros foi a investida da Google na propaganda do Chrome em horário nobre na Rede Globo. Muita gente se espantou quando viu. Eu também!

Fevereiro

Fevereiro foi o mês de planejamento das empresas desenvolvedoras dos navegadores. Especulações, boatos e alguns lançamentos. Foi o mês em que a Opera Software confirmou sua hegemonia nos dispositivos móveis com mais de 100 milhões de usuários do Opera Mini e Opera Mobile em todo o mundo. Enquanto isso, a Mozilla continuava a não lançar a versão 4 final do Firefox que era tão aguardada desde o segundo semestre de 2010.

Março

Março foi o mês dos lançamentos. Firefox, Internet Explorer e RockMelt forma o time de navegadores que ganharam novas versões. Outra novidade que gerou bastante assunto foi o novo logo do Google Chrome. Foi o mês mais empolgante!

Abril

Abril foi o mês que vimos a morte do Flock, o navegador social. A chegada do RockMelt no mercado acabou minando as possibilidades de crescimento do navegador. Uma grande surpresa foi a divulgação da lista de extensões que mais atrapalhavam o rendimento do Firefox. Isso fez com que os desenvolvedores das extensões pensassem melhor quando desenvolvesse um.

Maio

Maio foi o grande mês do Google Chrome. A Google investiu pesado no navegador com campanhas publicitárias que nenhuma outra empresa imaginou em fazer. O trabalho em conjunto com a cantora Lady Gaga foi um tiro certeiro para alcançar a liderança do mercado. Além disso, a gigante de Mountain View levou o jogo Angry Birds para ser jogado direto do navegador.

Junho

Junho foi o mês de lançamento do aguardado botão +1 do Google. O que depois viria a se tornar uma rede social, marcou uma nova era das pesquisas na internet. Houve também o lançamento do Firefox 5 iniciando um novo ciclo de desenvolvimento do navegador e o lançamento do e-book 20 Coisas que Aprendi sobre Navegadores Web.

Julho

Julho foi o mês que começamos a sentir realmente o crescimento do Google Chrome no mercado de navegadores. O navegador já vinha crescendo, mas o relatório que foi disponibilizado em julho mostrou que em pouco tempo o Chrome viria a ser o navegador mais usado no mundo. Enquanto isso, a Mozilla preocupada com o Firefox, prometeu reduzir o consumo de memória por ele.

Agosto

Agosto foi o mês em que os concorrentes do Google Chrome perceberam que era preciso fazer alguma coisa para não morrerem. A Opera logo firmou uma parceria com o portal Terra que é o maior na América Latina. O Thunderbird passou a ser um programa padrão no Ubuntu 11.10. Visando o crescimento da sua rede social, a Google lançou a extensão oficial do botão +1.

Setembro

Setembro não foi um mês tão movimentado quanto os outros. A grande novidade foi o lançamento do Firefox 7. Comemorou-se também o aniversário de três anos do Google Chrome.

Outubro

Outubro foi o mês em que a Mozilla se viu com a corda no pescoço. Seu contrato rentável com a Google estava prestes a terminar e a empresa se viu obrigada a buscar novas fontes de renda. Encontrou na Microsoft. Com isso, lançou o projeto Firefox with Bing.

Novembro

Novembro foi o mês da glória do Google Chrome. O navegador ultrapassou o Firefox em número de usuários e se tornou o segundo navegador mais usado no mundo. Na América do Sul, o Chrome chegou ao primeiro lugar! Enquanto isso, houve rumores de que o Facebook estaria desenvolvendo um navegador próprio para fazer frente ao navegador da Google.

Dezembro

Dezembro foi o mês da salvação da Mozilla. A empresa estava preocupada de onde viria o dinheiro para financiar seus projetos. O novo acordo entre ela e a Google acalmou o mercado e os usuários do Firefox. O que impressionou foi a decisão da Microsoft em acabar de vez com as versões antigas do IE no Brasil e Austrália.

Foi isso, pessoal! Agora o Dicas Browser vai dar uma pausa e volta no dia 5 de janeiro de 2012. Feliz Natal e um próspero Ano Novo! Que Deus abençoe a todos nós!

Navegadores como se fossem garotas

2011-12-08T10:31:00.006-02:00

Os navegadores podem ser comparados com celebridades, animais, carros e outras coisas. Sempre usamos nossa criatividade para poder falar aquilo que pensamos. Um blog russo chamado Spynet.ru resolveu criar o "Navegadores Como Se Fossem Garotas". A tradução em inglês foi feita pelo blog FavBrowser.com e o Dicas Browser trás para você em português do Brasil.

Divirta-se!

Como melhorar (suavizar) fontes no Safari

2011-08-04T13:50:00.003-03:00

Já olhou para as fontes de alguma página web e notou que sua aparência não estava agradável? Isso acontece muitas vezes, não por culpa dos sites, mas sim dos navegadores. Às vezes, eles se perdem na hora de apresentar a fonte ao usuário.

O navegador Safari possui um recurso bastante útil para esses caso em que o aspecto da fonte não agrada. É possível alterar a sua suavidade de acordo com o tipo de monitor que você usa.

Para alterar, abra o Safari e vá em Ferramentas (engrenagem) > Preferências ou combine as teclas Ctrl+, (vírgula). Clique na guia Aparência. Em Suavização de fonte escolha entre as cinco opções presentes: Melhor para CRT, Fraco, Média, Forte e Windows Padrão.

Eu, particularmente, gosto muito do Windows Padrão até porque é o que se deu melhor com o meu monitor. Pode ser que com o seu seja melhor outra configuração.

O que vale é o teste.

Aproveite e leia também:

Navegador Maxthon 3 tem um pouco do melhor de cada browser

2011-07-18T10:40:00.008-03:00

Já pensou em juntar o que há de bom ou bonito em um navegador e montar o seu próprio? O navegador Maxthon já se encarrega de fazer isso para você. O navegador possui algumas características marcantes de outros navegadores conhecidos.

Hoje, o Maxthon é um navegador baseado no motor de renderização Webkit, mas que também pode usar o mesmo motor usado no Internet Explorer 9 (Trident).

A nova versão do Maxthon (Maxthon 3.1.3.2000) já se encontra disponível para uso final e a considero bem interessante. Vale o download!

Se você reparar, o Maxthon possui características de navegadores conhecidos como Firefox, Chrome, Internet Explorer, Opera e Safari. Vejamos as semelhanças:

Firefox e Opera

Visual do tema padrão (MX Modern) e opção de mudar a disposição do botão de fechar aba. Outra semelhança está em abrir uma nova aba. Se parece muito com Speed Dial.

Nova aba do Maxthon bem parecida com Speed Dial do Opera

Google Chrome

Várias semelhanças, dentre elas as opções (configurações) do navegador que são abertas em uma nova aba.

Configurações do Maxthon bem parecida com a do Google Chrome

Safari

Um modo somente leitura para textos. Basta clicar no ícone correspondente na barra de endereços para ativar o Modo Leitor.

Uma boa leitura com Safari Reader

Modo somente leitura do navegador Maxthon, recurso bem parecido com o do navegador Safari

Internet Explorer

Modo de compatibilidade com sites feitos para Internet Explorer, gerenciador de downloads e temas (skins) do IE6 e IE7 para personalização.

Maxthon com o mesmo tema do Internet Explorer 6

Experimente o Maxthon e encontre outras semelhanças com outros navegadores. Nos diga nos comentários!

Blogger não funcionará em navegadores antigos

2011-07-15T13:03:00.002-03:00

A partir de agosto, o Blogger não dará mais suporte à navegadores antigos. Isso significa que muitas das novas funcionalidades do Blogger não vão funcionar, por exemplo, no IE6 ou no Firefox 2.

A equipe do Blogger anunciou que os seguintes navegadores serão suportados em suas versões atuais: Chrome, Firefox, Interne Explorer e Safari (cadê o Opera?). Cada vez que uma nova versão chegar, o Blogger irá suportá-la e a terceira versão mais velha desta última não terá mais suporte.

O Blogger vai muito mais além do que o WordPress no suporte a navegadores. O Blogger já começa a não dar suporte aos seguintes navegadores: Firefox 3.5, Internet Explorer 7 e Safari 3.

Por isso mesmo, não só o Blogger, mas também todos os que trabalham com a internet recomendam que os usuários atualizem seus navegadores. Isso para uma melhor experiência na internet e maior segurança.

Pelo visto, os usuários do Opera estão em apuros, não? Ou a Google não dá atenção ao navegador europeu?

Chrome cresce em junho e IE cai como sempre

2011-07-04T03:51:00.000-03:00

Já é uma tendência os números da NetApplications apontarem para subida do Google Chrome enquanto que o Internet Explorer cai lentamente. Desde o mês de janeiro nós já falávamos sobre o crescimento do Chrome, ainda quando este tinha, aproximadamente, 10% do mercado.

Desde então, os números vêm subindo lentamente. Mesmo assim, deve ser algo bem preocupante para Microsoft e Mozilla, afinal, é de grão em grão que a galinha enche o papo.

Os números do mês de junho apontam o IE como o navegador mais usado com 53,68% - queda de de 0,59% em relação ao mês anterior.

Firefox vem em segundo com 21,67% - aumento de 0,04% em relação ao mês anterior. Esse pequeno aumento se deve ao lançamento do Firefox 5 já na segunda metade do mês de junho.

Google Chrome vem em terceiro com 13,11% - aumento de 0,59% em relação ao mês anterior. Percebeu de qual navegador o Chrome roubou usuários?

Chrome sobe e IE desce. Por quê?

Em quarto lugar temos o Safari com 7,48% - aumento de 0,2% em relação mês anterior. É outro navegador que também cresce devagar, mas cresce.

Na quinta colocação temos o Opera com 1,73% - queda de 0,3% em relação ao mês anterior. Será que o Opera 11.50 vai salvar esse número?

E na sexta posição temos o Opera Mini com 1,25% - queda de 0,03% em relação mês anterior. Fiz questão de colocar o Opera mini nessa lista para mostrar que ele tem reais condições de ultrapassar seu irmão mais velho Opera.

Como podemos ver, os números são mesmo favoráveis ao Google Chrome. Acaba sendo também para o Safari que, apesar de não ter tanta mídia, consegue mais usuários a cada avaliação.

O que podemos esperar do mês de julho?

Fonte: NetApplications

Pra que Chrome OS? Mac OS X Lion com modo browser em tela cheia

2011-06-13T00:10:00.002-03:00

Muita coisa se ouve e se fala do Chrome OS. Seu novo jeito de apresentar uma interface de computador ao usuário com apenas uma tela de um navegador para fazer todos os tipos de tarefas é inovador. Mas parece que a Google não está sozinha nessa.

Alguns rumores dizem que o novo Mac OS X 10.7 Lion virá com a opção do usuário escolher o modo browser do sistema com o Safari. Ao escolher essa opção, o sistema se volta totalmente para a web com uma tela cheia do Safari.

Até este momento não me parece que o Safari esteja preparado para competir com os apps do Google Chrome e Chrome OS. Pode ser que o modo Safari do sistema dê todas as condições do usuário usar aplicativos do próprio sistema já instalados, mas de modo que ele só veja o navegador.

A Apple parece ter mesmo colocado a Google como seu rival número um. Resta saber até que ponto essa rivalidade é benéfica para os usuários e o mercado.

Referência: Liliputing

Como redefinir o navegador Safari

2011-05-31T14:33:00.000-03:00

São muitas as razões de querermos redefinir algumas configurações de um navegador. Navegador lento, algo que não funciona como deveria, histórico muito cheio, etc. Cada um tem o seu motivo. O Safari tem essa opção assim como outros navegadores (Firefox, Chrome e Internet Explorer).

Para fazer a redefinição do Safari, vá em Ferramentas (ícone de engrenagem) - Redefinir o Safari. Será aberta uma pequena janela com as opções do que você pode redefinir.

Leia atentamente qual opção que queira redefinir e clique no botão Redefinir.

Feito isso, seu Safari estará bem mais leve!

Use essa dica para apagar o cache, histórico, miniaturas de favoritos, ícones de sites e outras que com o tempo vão pesando as pastas do seu computador.

Leia também outras dicas para Safari:

Como usar o leitor de feed do Safari

2011-05-23T14:11:00.001-03:00

O navegador Safari possui recursos bastante interessantes que poucas pessoas conhecem. Acabam por não utilizar todos os recursos que o navegador oferece. Um desses recursos é o leitor de feeds embutido no próprio browser.

Com o feed, você pode acompanhar um blog ou qualquer outra fonte de notícia através de seu leitor favorito, por exemplo, Google Reader. No nosso caso, no leitor de feed do Safari.

Confira também:

Para começar a usar é fácil: basta acessar a página de um blog. Usamos como exemplo nesse post o nosso blog Dicas Browser.

Ao acessar o blog, você verá na barra de endereço o botão RSS. Clique sobre ele.

Você verá algumas opções de feed que o blog oferece. No caso do Dicas Browser, são várias opções de feed. Confira! Selecione uma das opções.

Ao clicar, automáticamente é feita a inscrição no feed. Os artigos já estão dispostos prontos para serem lidos. Veja que no lado direito há algumas opções de como configurar o leitor de feed como Ordenação, Fonte e Ações.

Para configurar as atualizações do leitor de feed do Safari, vá em Ferramentas (engrenagem) - Preferências.

Clique na aba RSS. Nela, você consegue configurar não só as atualizações como também o que o leitor de feed vai fazer com os artigos mais antigos, se vai removê-los, destacar artigos não lidos, entre outros.

Se você procura por um leitor de feeds como alternativa ao Google Reader, pode considerar o uso do Safari para isso.

Faça bom uso!

Veja também:

Escreva seus artigos com ScribeFire

2011-05-10T03:30:00.000-03:00

Todo blogueiro já passou pela dúvida de qual editor usar, não é verdade? Vira e mexe, encontramos um texto recomendando esse ou aquele outro. Tudo isso só faz confundir a nossa cabeça. Será que o blogueiros poderiam entrar num consenso?

Há algumas opções por aí, mas, sem dúvida, o mais lembrado é o Windows Live Writer. O editor de blog da Microsoft é o queridinho dos blogueiros. Mas há um outro que não fica para trás não. É o ScribeFire.

O ScribeFire é um editor de blog bem simples que funciona em conjunto com o navegador. Disponível para Firefox, Google Chrome, Opera e Safari através de extensão.

Sua configuração é bem simples de ser feita. Ao clicar sobre o ícone do ScribeFire, logo é pedido a URL do seu blog. Digite o endereço e clique em Avançar.

Confirme a plataforma do seu blog. Geralmente, o ScribeFire já acerta.

Digite o nome de usuário e senha que usa para acessar as configurações do seu blog.

Verifique e confirme o blog que está adicionando.

Conta configurada. Hora de blogar!

O ScribeFire para o Firefox é mais completo do que para os outros navegadores, mas não deixar de ser uma boa opção como alternativa ao famoso Windows Live Writer. Acredito que ele atende bem a todas as necessidades que um blogueiro precisa.

Faça bom uso!

Outras dicas para blogueiros:

A história dos navegadores #infografico

2011-03-28T12:22:00.001-03:00

Do Netscape ao Google Chrome, muita coisa aconteceu na história dos navegadores. Morte, queda, aumento, etc, tudo fez parte da história de empresas que quiseram se consolidar como "donas" da internet. Um exemplo desse pensamento é o Internet Explorer que ditou as regras para a construção de sites até 2007 quando o Firefox começou a pegar no seu calcanhar.

No infográfico abaixo, você pode ver exatamente as épocas de morte e glória dos navegadores web.

Via Chrome Story

Veja também:

Os browsers como celebridades brasileiras
Comercial do Chrome na Globo
A Segunda Guerra Mundial e a internet
Crescimento de mercado dos navegadores
Firefox ultrapassa IE na Europa

Feed do Dicas Browser separado por categorias

2011-03-24T10:27:00.001-03:00

Você que já acompanha o blog através do seu leitor de feed tem mais uma forma de acompanhar o Dicas Browser! Agora, você pode acompanhar, por exemplo, o feed apenas relacionado à categoria Firefox. Além desse temos: Google Chrome, Safari, Opera, Internet Explorer, Thunderbird, Notícias e Dicas.

Que tal? Assine já o nosso feed!

Escolha um (ou mais de um) dos feeds abaixo para assinar:

Tudo sobre o navegador Firefox
Tudo sobre o navegador Chrome
Tudo sobre o navegador Safari
Tudo sobre o navegador Internet Explorer
Tudo sobre o navegador Opera
Tudo sobre o cliente de e-mail Thunderbird

Você também pode conferir:

Dicas
Notícias

Ou também nosso feed geral:

Feed completo
Feed parcial
Feed dos comentários

Clique com o botão direito sobre um link que queira acompanhar. Copie-o e cole-o no campo de assinatura do seu leitor de feed.

Mais comodidade para você! Fique ligado nas novidades no mundo dos navegadores!

Problemas com site do BB e navegadores

2011-02-04T14:02:00.002-02:00

Muitos brasileiros possuem conta no Banco do Brasil, normalmente chamado de BB. Não sei, mas talvez seja o banco com maior número de clientes no Brasil. Sabemos que nem todos os brasileiros usam Internet Explorer para acessar o site do banco.

Sendo assim, há sempre o caso de problemas envolvendo o teclado virtual do site na hora de acessar a conta. Isso acontece porque o navegador ainda não foi homologado pelo Banco do Brasil.

Parece que os únicos navegadores homologados são Internet Explorer e Firefox. Google Chrome, Opera, Safari e outros ficam a ver navios.

Para resolver esse problema, os atendentes do BB recomendam apagar a pasta temporária do sistema. Para isso, combine as teclas Windows +R e digite:

C:\Users\USUARIO\AppData\Local\Temp

substitua o USUARIO pelo seu.

Apague os arquivos ".gbas.dll" e ".gbas.dll_u". Esses são arquivos temporários criados pelo Java.

Caso não consiga visualizar esses arquivos, vá em Iniciar - Painel de controle. Clique em Aparência e personalização. Clique em Opções de pasta. Na nova janela que abrir, clique na guia Modo de exibição. Em Configurações avançadas, marque Mostrar arquivos pastas e unidades ocultas. Clique no botão OK.

Outra medida que pode ser tomada caso a anterior não funcione é limpar toda a pasta temporária do sistema ou a do navegador que queira usar. Para esse procedimento ficar mais fácil, use o CCleaner. Ao abrir o programa ele logo detecta quais são os navegadores instalados e já deixa marcado os campos necessários para a limpeza do sistema. Basta apenas clicar em Executar limpeza.

Download do CCleaner.

Não marque nenhum outro campo se não souber o que está fazendo!

Espere alguns instantes e abra o navegador novamente e acesse o site do Banco do Brasil.

Como acessar o Internet Banking do BB no Firefox 4

Espero que isso ajude! Maiores informações, entre em contato com o atendimento do Banco do Brasil.

Referências: Fórum do Opera

Veja também:

Site indisponível só para mim ou para todos?
Qual versão Chrome você usa?
Como resolver erro de perfil no Google Chrome
Até a Casa Branca usa Firefox
Firefox 4 - acessar sites digitando apenas o nome

Crescimento de mercado dos navegadores - janeiro 2011

2011-02-01T15:45:00.003-02:00

O Internet Explorer continua sendo o navegador mais usado em todo mundo. De acordo com as estatísticas da Net Applications, o IE tem hoje 56%, seguido por Firefox com 22,75%, Chrome com 10,7%, Safari com 6,3%, Opera com 2,28% e outros navegadores com 1.98%.

De dezembro de 2010 para janeiro de 2011, o Internet Explorer caiu 1,8%. Esse declínio se deve ao fato de muitos estarem abandonando o IE6.

No mesmo período, o Firefox teve uma ligeira queda de 0,06%. Já o Chrome teve aumento de 0,72%, o Safari de 0,41% e o Opera de 0,05%.

Veja o gráfico abaixo (clique para ampliar):

Net Applications

Como pode ver, o Chrome continua a sua ascensão que as outras empresas estão tentando frear. Parece que na próxima contagem já vamos ver o Chrome com 11% de mercado.

A Microsoft publicou em seu blog Exploring IE o seu ponto de vista sobre esses números. A empresa procurou exaltar o crescimento do uso do Internet Explorer 9 mesmo ele estando em fase beta já que foi baixado mais de 23 milhões de vezes, enquanto que o IE6 continua o seu declínio.

De acordo com a própria Microsoft, o IE9 já responde por 1,82% de usuários no mundo inteiro com Windows 7.

A Microsoft mostra claramente que está apoiando o desuso do IE6. Ao mesmo tempo ela incentiva o uso do IE9 ainda em fase beta.

A empresa está de parabéns por fazer as pessoas acordarem para as novidades, mas parece que essa ação está surtindo efeito positivo para o Google Chrome junto com o Safari. Esses dois navegadores são construídos com motor de renderização WebKit, que vem ganhando cada vez mais força.

É preciso que a Microsoft seja mais ágil em consertar os problemas do IE. A equipe que desenvolve o Chrome e o Firefox são mais rápidas e sempre atualizam os seus navegadores. A Opera Software está partindo para o mesmo caminho. O IE já perdeu a liderança na Europa por conta de suas falhas de segurança.

É preciso que a Microsoft corra antes que seja tarde demais.

Como melhorar o Twitter no Safari

2011-02-01T10:10:00.003-02:00

O Twitter deixou de ser um grande fenômeno para fazer parte da vida de muita gente. Hoje, o serviço de microblog é muito usado para dar as notícias em primeira mão. Grandes portais de notícias já o utilizam dessa forma.

Nós, meros usuários, queremos as melhores ferramentas para desfrutar do melhor do Twitter. Se você é usuário do Safari, eu te mostro o caminho dos pássaros azuis.

Então, lhes apresento o Power Twitter para o Safari. O Power Twitter nada mais é que um script construído para dar mais recursos ao site do Twitter. O Power Twitter te dá a opção de encurtar um link pelo próprio site, sem precisar ir em outro para isso.

Além disso, há também a melhoria no sistema de atualização dos tweets. Todos nóes sabemos que o Twitter tem atualizações em tempo real, mas acontece que ele, às vezes, engasga e para de atualizar. Aí é preciso atualizar a página para continuar o processo. Com o Power Twitter isso não acontece!

Para instalar o Power Twitter, vá na Galeria de Extensões do Safari e procure por Power Twitter. Clique no botão Install Now e pronto. Só abrir seu perfil do Twitter agora.

Com ele, você também pode enviar fotos para o Twitpic, Yfrog, Tweetphoto e Twitgoo de forma bem rápida. Basta clicar no link Post Photo, escolher o serviço e clicar em Choose File para escolher a foto. Escolhida a imagem, ele logo gera um link dela para você no campo de escrever os tweets.

Safari e Power Twitter dá um bom par, não acham?

Experimente você também! Aproveite e siga-nos @dicasbrowser

Como atualizar o navegador

2011-01-29T16:37:00.002-02:00

Um navegador atualizado é muito importante para a segurança dos dados do usuário. Não é a toa que os desenvolvedores anunciam atualizações. Se elas são lançadas, cabe ao usuário ir lá e pegar. Isso é uma recomendação de todos que trabalham com segurança na internet.

Muita gente pensa em atualizar o browser, mas não sabe como fazer isso. Por isso, resolvi criar esse artigo para sanar essa dúvida.

Firefox
Opera
Google Chrome
Safari
Internet Explorer

Firefox

O Firefox tem um sistema de atualização bem simples, mas que foi levemente modificado na versão 4.

Firefox 3.6 e anteriores

Vá no menu Ajuda - Verificar atualizações. Confirme a atualização, espere o download ser feito e reinicie o navegador.

Firefox 4 e superiores

Vá no menu Firefox - Ajuda - Sobre o Firefox. Espere o download da nova versão e reinicie o navegador.

Atualizar Firefox no Linux

Atualmente, as versões do Firefox para as distribuições Linux vem sendo feitas através dos repositórios padrão. Isso porque houve uma mudança na frequência de atualizações por parte da Mozilla. A comunidade Linux se viu obrigada a mudar a forma de atualização do navegador mantendo sempre a última versão disponível.

Ubuntu acompanhará atualizações do Firefox e Thunderbird

Para atualizar, acesse o gerenciador de atualizações da sua distribuição. Recarregue os os dados dos repositórios. Caso tenha alguma atualização a ser feita, ela será mostrada. Clique no botão correspondente para confirmar a atualização.

Veja também:

Opera

Vá em Menu - Ajuda - Verificar atualizações. Aguarde a transferência dos arquivos. No final, clique em Instalar agora ou Instalar mais tarde. Recomendo a primeira opção.

Se você é usuário Linux com distribuições baseadas no Debian, verifique se o repositório do Opera está atualizado no seu sistema.

Veja também:

Google Chrome

Para atualizar o Google Chrome, vá em Ferramentas (chave inglesa) - Sobre o Google Chrome. Aguarde o download e, no final, reinicie o navegador.

No caso do Windows, não é preciso se preocupar muito com isso, já que o Google Chrome atualiza sozinho ao reiniciar o computador. Se não quiser isso, combine as teclas Win+R e digite msconfig.exe e aperte Enter. Será aberta uma janela. Nela, vá na aba Inicialização de programas e desabilite o Google Update.

No Linux, é adicionado o repositório do Google Chrome automaticamente no sistema bastando ao usuário digitar os comandos apt-get update e apt-get upgrade para a sua atualização.

Caso não queira que seja adicionado o repositório, abra o Terminal e digite sudo touch /etc/default/google-chrome antes de instalar o pacote.

Veja também:

Safari

Para verificar se há atualizações para o Safari não é preciso abrir o navegador, mas sim o Apple Software Update. Ele se encontra em Iniciar (ícone do Windows na barra de tarefas)- Todos os programas.

Aberto o programa, ele logo procura por novas atualizações. Se houver alguma atualização disponível, basta clicar no botão Install.

Veja também:

Internet Explorer

O Internet Explorer é atualizado junto com todo sistema Windows. Para alterar configurações de atualização do Windows, vá em Iniciar (ícone do Windows na barra de tarefas) - Todos os programas - Windows Update.

Veja também:

Qualquer dúvida sobre atualização do navegação, escreva nos comentários.

Como configurar pasta de destino do download

2011-01-17T00:01:00.006-02:00

Já aconteceu de você fazer um download e depois não saber para onde ele foi depois de terminado? Em que pasta o sistema guardou o arquivo? Muita gente nem sabe que é possível mudar o destino do arquivo depois que ele é baixado.

Navegadores bons possuem a opção para que o usuário escolha onde ele quer guardar o arquivo e não simplesmente deixá-lo sem saber para onde ele foi.

Aqui vou ensinar como alterar o local de destino do arquivo baixado. Vamos aos navegadores:

Google Chrome
Safari
Firefox
Opera
Internet Explorer 9

Google Chrome

Vá em Ferramentas (chave inglesa) - Opções (Configurações). Na guia Configurações avançadas, procure por Downloads. Ou então você pode copiar e colar o link chrome://settings/advanced na barra de endereço para ir direto ao destino.

Em Local do download, você pode escolher em qual pasta o arquivo será guardado. Clique em Procurar para alterar. Mais embaixo, você pode escolher se quer ser perguntado onde guardar o arquivo toda vez que fizer um download. Para isso, basta marcar a opção correspondente.

Safari

Vá em Ferramentas (engrenagem) - Preferências. Na primeira guia, Geral, escolha a pasta de download em "Salvar arquivos transferidos em". Mais embaixo, pode deixar marcado caso queira você mesmo escolher onde guardar o arquivo.

Firefox

Vá no menu Ferramentas - Opções. Na nova janela que abrir, na guia Geral, você logo encontra o campo para configurar o download. Pode escolher Abrir a janela de download ao salvar um arquivo e Fechar ao concluir o download. Mais embaixo, você pode escolher onde guardar os aruivos baixados automaticamente ou, então, você mesmo escolher antes de iniciar o download.

Opera

Vá em Menu - Configurações - Preferências ou combine as teclas Ctrl+F12. Na nova janela que se abrir, clique na guia Avançadas. No lado esquerdo da janela, clique em Transferências. Em Pastas de transferências altere a pasta que irá guardar o arquivo baixado.

Internet Explorer 9

Vá em Ferramentas (engrenagem) - View downloads ou Ver downloads. Na nova janela que se abrir, clique em Options (Opções). Será aberta mais uma pequena janela onde você poderá escolher a pasta que receberá o arquivo.

Pré-busca de DNS pode causar problemas no Safari

2010-09-17T15:16:00.002-03:00

Um dos novos recursos presentes no Safari 5 é o DNS prefetching ou Pré-busca de DNS. Esse recurso faz com que as páginas contidas nos links de um site já estejam preparadas para serem abertas. Isso faz com que o carregamento da página seja mais rápido.

É este recurso dentre tantos outros que fazem o Safari e o Google Chrome serem tão rápidos.

Acontece que essa Pré-busca de DNS pode causar problemas no Safari 5. Como relatado no support.apple.com, pode ocasionar lentidão, páginas parcialmente carregadas e mensagem de "página não encontrada".

Uma forma de contornar o problema é utilizar outros serviços de DNS. Os recomendados são OpenDNS e Google DNS.

Veja como utilizar OpenDNS e Google DNS no Mac OS.

Outra forma seria desativar a pré-busca de DNS no Safari. Para isso faça o seguinte:

Safari para Mac OS

Abra o Terminal em Aplicações/Utilidades e execute o seguinte comando:

defaults write com.apple.safari WebKitDNSPrefetchingEnabled -boolean false

Feche e reinicie o Safari.

Maiores informações

Extensões úteis para o Safari

2010-08-31T19:47:00.002-03:00

O Safari é o navegador da Apple, empresa de Steve Jobs. Seus usuários costumam ser bem exigentes em elegância e qualidade de aplicativos. Uma coisa que deixava os usuários do Safari um pouco decepcionados era a falta de extensões, mas isso já mudou. Mesmo assim, a instalação das extensões era um pouco confusa. Isso também mudou!

Agora as instalações são feitas de forma até mais fácil que o sistema do Firefox, que faz você clicar, às vezes, em três botões. A instalação no Safari funciona bem parecida com a do Google Chrome e não é preciso reiniciar o navegador.

Para instalar é muito fácil. Basta entrar na Galeria de Extensões do Safari e escolher a sua extensão clicando no botão Install. Um diferencial do Safari é que ele mostra se a extensão já está instalada em seu navegador, diferente do que acontece com o Chrome e o Firefox que não avisam nada.

Segue a lista das cinco extensões mais interessantes que encontrei:

Twitter for Safari

Com ele, você pode mandar seus tweets para o Twitter de forma bem rápida. Também pode saber quais são os Trending Topics do momento. Caso visite alguma página pode saber quais usuários do Twitter estão mencionados nela e suas menções no microblog.

Gmail Counter

Fique sabendo quando chega um e-mail para você na sua conta do Gmail sem que isso atrapalhe na sua navegação. Fácil de usar e bem elegante!

ScribeFire

Quem é blogueiro e usa o Firefox já deve ter usado essa extensão. É um poderoso editor de textos para blogs onde é possível se fazer quase tudo o que se faz no Windows Live Writer. Se você é blogueiro, faça um teste e comprove!

Follow Freely

Essa extensão elimina o irritante "Who to Follow" da página inicial do seu Twitter.

Awesome Screenshot

Uma poderosa extensão para você fazer seus prints de tela. Já falei dela aqui para o Google Chrome e também vale para o Safari.

E muito mais!

Vale a pena entrar na galeria e ver quais extensões são melhores para você. O número de extensões para o Safari ainda não chega nem perto aos do Google Chrome e Firefox, mas com certeza, você encontrará uma bem útil.

Faça bom uso!

Safari Reader para Google Chrome e Firefox

2010-08-19T04:18:00.003-03:00

Se você acompanha o Dicas Browser há muito tempo, deve ter lido o artigo que falei da extensão que imita o recurso de leitura agradável do Safari. Aquela extensão tem o seu devido valor, mas há uma que funciona bem melhor.

É o caso do iReader! Com ele é possível ter as mesma função Safari Reader presente no Safari 5. Disponível para Firefox e Google Chrome.

Seu funcionamento é idêntico ao do Safari. Depois de instalada a extensão, é adicionado um ícone dentro da barra de navegação. O ícone só aparece em páginas individuais. Clique sobre o ícone para usá-la.

Para instalar clique num dos links abaixo:

Google Chrome

Instalar | Visite a página da extensão

Firefox

Visite a página da extensão

Faça bom uso!

Referência: How-to Geek

Como colocar áudio HTML5 em seu site

2010-08-15T22:08:00.023-03:00

Como pode ver em alguns posts do Dicas Browser, há um player de áudio onde é possível ouvir o que está escrito com a minha voz. Acho que minha voz não é a das melhores, mas quebra um galho. Quem sabe, futuramente, não temos aqui uma voz mais elegante?

Enfim, colocar áudio em artigos de blogs e sites, para mim, faz parte da verdadeira inclusão digital. Pode ser que uma pessoa não consiga ler um texto, então ela tem a opção de ouvir.

Introdução
Habilitando sua página para o HTML5
Colocando o áudio HTML5
Colocando Flash como condicional
Conclusão

Introdução

Vou ensinar aqui somente o básico que é compatível com todos os navegadores que suportam tags HTML5. Caso queira uma documentação mais avançada sobre o assunto, recomendo que leia outros tutoriais (links no final do post).

Habilitando sua página para o HTML5

Antes de tudo, é preciso habilitar sua página para o HTML5. A única coisa que precisa é fazer com que seu markup seja validado como HTML5. Como? Entre no código-fonte de seu site e faça a seguinte alteração:

De:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Para somente:

<!DOCTYPE html>

Simples assim!

Depois de feito isso, valide seu markup novamente e verá que o Doctype aparecerá como HTML5.

Mas nem tudo é uma maravilha. Como sempre o Internet Explorer não é compatível com o HTML5 (futuramente, será). Para ativá-lo no IE, é preciso um empurrão de JavaScript fornecido pela Google. Basta incluí-lo entre as tags <head> e </head>:

<!--[if IE]>


<script src"http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>


<![endif]-->

Isso fará com que o IE reconheça as tags <audio> </audio>

Para que os navegadores reconheçam os novos estilos do HTML5 é preciso incluir estilos apropriados dentro da tag <style>:

section,nav,article,aside,hgroup,header,footer{display:block}

Para quem usa o Blogger, se entrar no código-fonte (Ctrl+U), verá que o script e o estilo já estão inclusos. Para outras plataformas, como WordPress, é necessário fazer todas essas mudanças.

Colocando Áudio HTML5

Depois de todas as mudanças, finalmente vamos colocar o áudio. Primeiro, vamos ver quais são os navegadores e extensões suportadas para que não haja nenhum problema:

Firefox, Opera, Safari e Google Chrome são os browsers compatíveis

Como pode ver, ainda não há um formato usado por todos os navegadores. É cada um na sua. Dessa forma, é preciso ter o seu áudio nesses três formatos: Ogg, Mp3 e Wave. Faça uma gravação de áudio com seu programa favorito e converta-o para esses três formatos. Recomendo o excelente Format Factory para isso.

Feitas as conversões, é hora de hospedá-las em um servidor. Eu uso o Google Sites, mas você pode usar o seu preferido. Depois de feito o upload, pegue o endereço do link de cada arquivo (Ogg, Mp3 e Wave) e cole no bloco de notas.

Veja a estrutura básica da tag <audio>:

<audio controls preload>


<source src="http://seuservidor/nomedoarquivo.ogg" audio/ogg />


</audio>

Dentro da tag <audio> existem os atributos control e preload.

control é o atributo que mostra o player de áudio
preload é o atributo que faz com que o áudio seja carregado durante o carregamento da página.

Obs.: O atributo preload não faz demorar o carregamento da página. Seu carregamento é feito de forma paralela dos elementos de seu site.

Agora que temos a estrutura básica para a implementação, é hora de colocar os arquivos. No nosso caso, os arquivos Ogg, Mp3, e Wave. O código vai assim:

<audio controls preload>


<source src="URL-do-arquivo.ogg" audio/ogg />


<source src="URL-do-arquivo.mp3" audio/mp3 />


<source src="URL-do-arquivo.wav" audio/wave />


</audio>

Fazendo as devidas alterações, já pode implementar na sua home, no seu post ou qualquer outro lugar do seu site. Mas existe um porém...

E os navegadores que não tem suporte HTML5?

Colocando Flash como condicional

Ainda não são todos os navegadores que suportam HTML5. Nem por isso, o que não suporta deve ficar de fora da brincadeira. Para isso, existe o Adobe Flash Player.

Aproveitando que o Flash é universal para quase todos os navegadores, podemos implementar um código que, caso nenhuma das fontes de áudio sejam compatíveis, será apresentado um player em flash. Vejamos seu código:

<object class="playerpreview" data="http://www.alsacreations.fr/flashswf/dewplayer-bubble.swf" height="20" type="application/x-shockwave-flash" width="200">


<param name="movie" value="http://www.alsacreations.fr/flashswf/dewplayer-bubble.swf" /><param name="FlashVars" value="mp3=URL-do-arquivo-Mp3" /><embed href="http://www.alsacreations.fr/flashswf/dewplayer-bubble.swf" width="200" height="20" name="movie" align="" type="application/x-shockwave-flash" flashvars="mp3=URL-do-arquivo-Mp3"></embed>


</object>

Então, finalmente, o código final deverá ficar assim:

<audio controls preload>


      <source src="URL-do-arquivo.ogg" audio/ogg />


      <source src="URL-do-arquivo.mp3" audio/mp3 />


      <source src="URL-do-arquivo.wav" audio/wave />





<object class="playerpreview" data="http://www.alsacreations.fr/flashswf/dewplayer-bubble.swf" height="20" type="application/x-shockwave-flash" width="200">


<param name="movie" value="http://www.alsacreations.fr/flashswf/dewplayer-bubble.swf" /><param name="FlashVars" value="mp3=URL-do-arquivo-Mp3" /><embed href="http://www.alsacreations.fr/flashswf/dewplayer-bubble.swf" width="200" height="20" name="movie" align="" type="application/x-shockwave-flash" flashvars="mp3=URL-do-arquivo-Mp3"></embed>


</object>





</audio>

Onde está de vermelho você deve substituir pelo link de seu arquivo Mp3 hospedado no servidor.

Para não ficar um espaço muito grande em branco depois de colocar o código, experimente apagar todas as quebras de linha. Procure deixar como no exemplo abaixo:

<audio controls preload><source src="URL-do-arquivo.ogg" audio/ogg /><source src="URL-do-arquivo.mp3" audio/mp3 /><source src="URL-do-arquivo.wav" audio/wave /><object class="playerpreview" data="http://www.alsacreations.fr/flashswf/dewplayer-bubble.swf" height="20" type="application/x-shockwave-flash" width="200"><param name="movie" value="http://www.alsacreations.fr/flashswf/dewplayer-bubble.swf" /><param name="FlashVars" value="mp3=URL-do-arquivo-Mp3" /><embed href="http://www.alsacreations.fr/flashswf/dewplayer-bubble.swf" width="200" height="20" name="movie" align="" type="application/x-shockwave-flash" flashvars="mp3=URL-do-arquivo-Mp3"></embed></object></audio>

Assim, os grandes espaços em branco desaparecem.

Veja como ficará seu player (muda de acordo com o navegador usado):

Música: One Horse Town
Artista: 57jackbraves
Álbum: End of Times
Mais informações

Conclusão

Talvez você me pergunte: porque eu usaria isso se eu posso usar o flash? Como disse anteriormente, o arquivo é carregado paralelamente ao restante da página, ao contrário do flash. Outra razão é que, com o HTML5, nós temos maior controle sobre nossos próprios arquivos pois podemos colocá-los em nossos servidores.

Como já havia dito, este tutorial é apenas o básico do que se pode fazer com áudio em HTML5. Há muito mais como juntar áudio com imagens, alterar o player padrão, colocar equalizador e muito mais! Confira os links abaixo (em inglês) para saber como implementar em seu site:

Opera Dev - An HTML5 audio radio player
HTML5 Rocks - Quick guide to implementing the HTML5 Audio tag
Safari Refernce Library - Audio and Video guide

Isso é tudo pessoal! Façam bom uso!