iBBDemo – Simulador de iPhone para Windows

Postado por: Pedro Rogério em
  • 23 fev
  • 6

Uma vez precisei efetuar um teste para ver se o tema desse blog funcionava corretamente no iPhone, após pesquisar um pouco, acabei encontrando o TestiPhone.com, até aí tudo bem, o site estava funcionando, mas acabei encontrando um plugin para Wordpress que otimizava o tema do seu Wordpress para o iPhone, mais uma vez fui até o site para testar e vi que não houve diferença alguma.

Foi então que fui atrás de um iPhone de verdade para poder testar e vi que o plugin funciona corretamente, mas como então testar seus layouts otimizados para o iPhone se você não possui o aparelho? Shaun Sullivan desenvolveu um aplicativo para Windows, um simulador fiel ao iPhone que você pode testar sem medo seu layout que ele será visto lá da mesma forma que foi otimizado para o aparelho. Para isso basta ter o Safari versão 3.2(ou posteriores) instalado no micro, baixar o aplicativo e executá-lo. Abaixo você pode ver uma prévia do aplicativo funcionando:

Simulador de iPhone para Windows

Opera Turbo

Postado por: Pedro Rogério em
  • 18 fev
  • 4
Opera Turbo

Update: Está disponível uma versão Alpha para download do Opera 10 Turbo que você pode baixar aqui.

O escalonamento pela procura de acesso móvel a internet e conectividade para uma série de aplicativos web cria uma série de oportunidades para os operadores e impulsiona a inovação. Tomando como base a tecnologia de compressão de dados do Opera Mini, o Opera Turbo foi desenvolvido para ajudar a otimizar esses recursos.

Opera Turbo é uma solução multi-plataforma, disponível para computadores pessoais, dispositivos móveis e aparelhos com acesso a internet. Ao comprimir o tráfego da rede em até 80%, ele contribui para permitir a sustentabilidade e a escalabilidade das redes, a fim de satisfazer exigências do tráfego e garantir uma superior experiência de navegação.

Base de funcionamento

Opera Turbo utiliza uma tecnologia de compressão avançada para acelerar a tranferência de dados e reduzir a quantidade de dados a serem baixados.

Como o Opera Turbo funciona

Ele ainda não foi disponibilizado ao público, pois está sendo apresentado no Mobile World Congress que acontece dos dias 16 a 19 de fevereiro em Barcelona. É só aguardar para ver no que isso vai dar.

Site oficial

:first-child bug no IE7

Postado por: Pedro Rogério em
  • 12 fev
  • 20

Após o lançamento do IE7, muita gente havia pensado que a vida no desenvolvimento web iria melhorar um pouco(isso mesmo, um pouco), mas não é isso o que aconteceu, pois a cada dia que passa fico conhecendo mais um bug novo no Internet Explorer. Já ouviram falar do bug de first-child no IE7? O curioso problema que ocorre é o seguinte. Observem a seguinte marcação HTML:

<ul>
    <!-- Esse comentario sera o 1º filho no IE7 -->
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
</ul>

Como podem ver, nada estranho, de diferente um simples comentário HTML que será o 1º filho no IE7, isso mesmo, ele reconhece aquele comentário HTML como o primeiro filho do “ul”. Vejam nesse exemplo o bug. Uma possível solução é não utilizar comentários. Por favor alguém mande um e-mail para bill@microsoft.com pedindo a descontinuação desse browser.

Anúncio Japonês sobre o Google Chrome

Postado por: Pedro Rogério em
  • 5 fev
  • 9

A Google é uma daquelas empresas que não mede esforços para investir em publicidade, mas já que no japão seu sistema de busca não é “tão popular”, eles sempre encontram alguma forma de atingir o público de forma que eles utilizem seus produtos. Dêem uma olhada no vídeo abaixo que é bem interessante por sinal:

Vídeo (Objeto multimídia)

Eles não utilizando o Internet Explorer já é de bom tamanho. Via: Navegadores.org

Solução definitiva – PNG Transparente no IE6

Postado por: Pedro Rogério em
  • 13 jan
  • 31

Muitos desenvolvedores não sabem, mas o IE6 e versões anteriores possuem um terrível problema com PNG’s de 24 Bits, onde ele não processa o canal Alpha da imagem, com isso toda a transparência fica com o fundo meio “esverdeado” (problema esse já corrigido no IE7). Hoje em dia existem vários scripts que corrigem esse problema de transparência no IE, mas todos sofrem da mesma deficiência, que é a não implementação de background-position, background-repeat, link que não funciona entre outras coisas.

Já testei várias formas diferentes de correção, mas finalmente encontrei um script JS que funciona perfeitamente, onde é implementado o tão sonhado background-position e background-repeat, lhes apresento o DD_belatedPNG, um JavaScript extremamente pequeno, que em sua versão comprimida chega a aproximadamente 6KB. Sua utilização é extremamente simples, basta você baixar o arquivo JS e fazer uma chamada para o mesmo da seguinte forma dentro do header do seu site:


<!--[if IE 6]>
<script src="DD_belatedPNG.js" type="text/javascript"></script>
<script>
  /* Exemplo de utilizacao */
  DD_belatedPNG.fix('.png_bg');
</script>
<![endif]-->

O Script foi inserido na página via comentários condicionais, para que seja lido somente pelo Internet Explorer 6 e menores, os outros browsers o consideram como um simples comentário HTML. Da forma citada, todos os elementos que possuírem a classe “png_bg” serão afetadas pelo Script as imagens começarão a funcionar corretamente. Uma outra forma de utilização é chamando os elementos DOM:

DD_belatedPNG.fixPng( seu elemento )

Exemplos

Lunascape5 alpha – O Browser mais rápido da Web

Postado por: Pedro Rogério em
  • 12 jan
  • 10

Eu sou daquele tipo de pessoa aficcionada para testar novos browsers, e recentemente fiquei conhecendo o Lunascape, um browser que foi bem mais rápido que Google Chrome, Firefox, Opera e Internet Explorer (nessa ordem) no teste do SunSpider. Ele mantém esse recorde desde Novembro de 2008.

Lunascape JavaScript Benchmark

Além disso ele é um browser formado por 3 motores de renderização: Internet Explorer, Firefox, WebKit, que você pode escolher qual utilizar assim que abre uma nova aba.

Lunascape e seus 3 motores de renderização

Além disso ele possui suporte a plugins e temas para peronalizar o navegador

Opera 10 Alpha

Postado por: Pedro Rogério em
  • 8 dez
  • 4
Opera 10 Alpha

Recentemente foi lançada a versão Alpha do Opera(Versão 10), com uma série de melhorias significativas. Agora ele conta com a versão 2.2 de seu motor de renderização Presto, proporcionando um aumento de velocidade no browser de 30%. Dentre as diversas melhorias, podemos citar as seguintes:

Acid3 Test
  • Essa versão passa com folga no Acid3 Test. Até então a versão 9.62 chegava somente a 85 no teste.
  • Suporte a Web Fonts
  • Suporte melhorado a SVG.
  • Auto-update.
  • Spell-check
  • Seletores API.
  • Melhorias no Dragonfly

No Sun Spider Benchmark, que é um teste de rotinas em JavaScript, ele obteve os seguintes resultados, lembrando que quanto menor o número melhor.

A previsão de lançamento da versão final é para 2009.

Lançamento previsto para 2009
Páginas:«1234567...15»