nanuni kokoritu

Este tal de nanuni kokoritu, eh algo que foi inventado para um concurso de SEO, estou fazendo alguns testes para ver o resultado de tal, por gentileza, ignorem este artigo.

O nanuni kokoritu é uma raça de cachorro muito rara e meio desconhecida, que teve sua origem no Nepal segundo pesquisas. Eles são cães de raça pequenos e amáveis, nunca abandonam o seu dono e entram em depressão no caso de morte do mesmo. Ter um Nanuni Kokoritu como amigo é considerado sagrado pelos moradores do Nepal e não é permitido maltratar tal tipo de animal. Especula-se que o nanuni kokoritu surgiu do cruzamento de um pibull com poodle.

Cuil, o famoso, imponente, maior indexador de páginas, Google Killer, novíssimo buscador de páginas de ex-funcionários do Google aberto agora em 2008 tem seu layout baseado em tabelas.

Creio que passou desapercebido porque ninguém ficaria olhando o código fonte de um serviço teoricamente acima de qualquer suspeita.

Mas olhando mais a fundo me faz lembrar o quanto penamos para conseguir eliminar as tabelas, pelo menos dos sites mais importantes e o quanto dói esse soco no estômago.

O diferencial deles, o layout em 3 colunas, nada mais é que um tabelão, puro e simples.

Lançar um projeto grande como esse, com o suporte financeiro que eles tiveram e sair uma porcaria completa?

Sinceramente, passa pra mim que eu faço render mais, sem dúvidas!

Mas para não ser injusto é importante lembrar que dessas lambanças nem o google se salva, pois existem tabelas sem sentido em seu layout faz muito tempo e continuam firme e fortes por ali.

Difícil assim, como ensinar alguém a usar os padrões se ele pode rebater que nem o Google usa.

Muito difícil.

Desenvolvedor .Net ele mesmo construiu um software que mede o consumo da memória utilizado por cada navegador e concluiu que o Firefox 3 teve o melhor desempenho. Não apenas por consumir menos memória, mas principalmente por não ter picos de uso da memória que normalmente terminam por travar a máquina toda, picos esse eu diria que eram bem comuns no Firefox 2 e realmente não notei mais no Firefox 3, a Mozilla trabalhou direitinho dessa vez.

O pior no teste foi o Safari para Windows que ao final chegou consumindo mais de 600mb de memória, enquanto o Firefox 3 chegou com apenas 111mb.

Completando os browsers comparados, o Internet Explorer 8 beta 1 renderizando sites como o IE 7 terminou com 194mb de uso de memória, o Opera com 190mb, o Flock, baseado no Firefox 2, terminou com 191mb.

Cada navegador foi testado por quase 3 horas, sem extensões ou plugins.

O artigo original traz gráficos do desempenho dos navegadores durante os testes, que obviamente não irei postar aqui sem autorização do autor, vale a pena dar uma olhada, porém fica o aviso, o conteúdo é totalmente em inglês.

Mas a diferença na distribuição das ferramentas e cores já me fez olhar estranho para ele, sim eu sei, é óbvio que seria assim, afinal, é outro programa.

Abri um arquivo Javascript e pude perceber que ele me exibia a direita um índice de todas minhas funções no código, achei excelente, agiliza muito o processo, o DW que utilizo no trabalho é o MX2004, e não possui esse recurso excelente, que a maioria dos programas atuais já possuem, não sei se na versão CS3 já incorporaram isso.
Ponto pro Aptana.

Fui abrir um arquivo PHP e simplesmente mandava pro dreamweaver, tentei ir no menu File>Open File no Aptana, e mesmo por este caminho, abria pelo DW.
Pensei putz, que mancada, não tem suporte a PHP.

Tentei criar um projeto, criei, mas não achava onde indicar a pasta do meu projeto, já estava sem muita paciência com o programa e desisti.

Voltei la no blog do Bernardo(ainda bem que fiz isso), e falei, não uso esse programa, ele é lento(na realidade demora mais pra abrir, mas depois roda macio), não tem suporte a PHP, e o gerenciamento de projetos dele é ruim.

E o Bernardo gentilmente me respondeu, que bastava eu atualizar o mesmo, que poderia escolher instalar suporte ao PHP.

Instalei o tal suporte, e devo dizer, tirando as cores que identificam cada objeto no código, que ainda não me acostumei, ele trabalha muito melhor que o Dreamweaver.

O suporte a PHP é muito mais completo, você pode ver suas variáveis(como no zend), funções, classes, o auto completar é mais eficiente.

No CSS a mesma coisa, ele ainda mostra de forma muito pratica e amigável se o recurso CSS que estamos utilizando é compatível com o Internet Explorer e Firefox.
Passando pro HTML a mesma sensação, de estar dando um upgrade na forma como trabalho, enfim, depois de murros em pontas de faca, me rendi ao Aptana, depois de 5 anos usando Dreamweaver, vou tentar usar outro programa.

Ah sim, e ele tem suporte a projetos, com mais boa vontade eu achei depois, e com FTP também.

O Aptana tem duas versões, Community e Professional, sendo a primeira gratuita, e a que testei.

O Bernardo comentou no blog dele ainda que esperava que essa versão estivesse mais estável, como não conheci as anteriores mais do que abrir e fechar um arquivo, não posso falar sobre isso, mas a que estou usando me parece bastante estável, ainda não tive problemas.

E para quem gosta de editor WYSIWYG, vos digo o Aptana é editor de cabra-macho, que já perdeu unha de tanto digitar código.

E pra finalizar, bom feriado pra todos, eu estou trabalhando

• Drupal [EN] - Um WordPress bombado.
• AJAXPress [EN] - Excelente idéia, mas ainda precisa ser aperfeiçoada.
• Textpattern [EN] - Solução livre e flexível, lembra bastante o WordPress.
• Serendipity [EN] - Baseado em PHP é um modo fácil de manter um blog ou até mesmo um site completo.
• Joomla [EN] - Como o Drupal, excelente para manter websites e blogs.
• b2evolution [EN] - Um dos mais velhos, ainda sim continua sendo um dos melhores.
• Simplog [EN] - Simples, porém poderoso, se você busca simplicidade, sem muito fru-fru, seus problemas acabaram.
• Wikiblog [EN] - Uma mistura de Wiki com blog e um resultado no mínimo interessante.
• Sblog [EN] - Outro parecido WordPress.

Cortei um monte de coisa que não achei interessante e como não usei nenhum desses nada pude acrescentar.

O artigo original em inglês esta no começo deste post.

Até que me digam que estou enganado e que a matemática mudou, acho que 18>6 ou ainda maior que 8, 12, 13…

Sei que vai parecer mania de perseguição, choro de quem não ganhou um link, provavelmente é mesmo, mas não pude deixar de notar que ontem 2 de meus artigos em poucas horas tiveram 18 e 12 votos e nenhum deles foi parar entre os mais votados na pagina do Rec6 para tecnologia, entrei com a certeza de que estariam la, vasculhei as 10 primeiras paginas e nada!

Pensei então, deve estar com muito artigo relevante hoje, nossa, vou dar uma olhada melhor pois deve estar cheio de coisa boa.

Ai comecei a me deparar com artigos escritos a mais de 24 horas com 5, 6 votos e la nas paginas como mais votados, sinceramente alguém entende um algoritmo desses? onde os mais votados em pouco tempo simplesmente não aparecem, e uns com meia dúzia de votos e relevância duvidosa estão na primeira pagina, boa parte clones de uma mesma noticia?

Quem perde com isso mais do que eu, é a própria Rec6 uma vez que o negocio deles seria deixar conteúdo de relevância, mas a primeira pagina parece uma lista de mais do mesmo, a mesma matéria em 10 blogs diferentes, o original claro, com 40 e tantos votos, e as copias com 8, 10, 6, e sempre na primeira pagina em detrimento de outras matérias originais e com mais votos, sinceramente não entendo o algoritmo, devo ser um péssimo programador mesmo.

Mas será mesmo que estou tão errado assim ao pensar que eles estão completamente errado na seleção dos artigos?

Não deveriam estar os mais votados em primeiro? se não, qual é o critério? porque pela irrelevância e o show de copias dos artigos na primeira pagina duvido que esteja funcionando este critério.

O site da Rec6 para quem não conhece é esse aqui:

http://www.via6.com/rec6

Com nofollow porque eles não andam merecendo.

E o novo Ipod Touch, como o próprio nome diz, agora da pra usar o modelo vencedor do Iphone, com a tela multi-touch, ou seja, a tela reconhece múltiplos toques na mesma.
Este novo Ipod Touch permite ainda conectar por WI-FI e navegar pela internet com o Safari, download de musicas do iTunes direto para o Ipod e tem uma tela de 3,5″.

Sinceramente me sinto tentado a comprar um desses, embora não vá comprar, ahahah tenho outras prioridades no momento, mas esse Ipod touch é muito bom, é o Iphone sem fazer chamadadas.

Vejam no site internacional da Apple o Ipod Touch[EN]

Aliás se alguém quiser algo da Europa, basta me dizer que posso enviar, meus serviços de envio custam pouco
Apple Store na Itália[IT]
Dêem uma olhada no site e se tiverem interesse entrem em contato comigo no email que deixei ali no canto direito no link contato
Não garanto que terei tempo de atender e ajudar alguém nisso, não sei custo de imposto de importação, nem a partir de quanto tem que pagar, logo, quem quiser, se informe por conta, caso queira compartilhar a informação aqui nos comentários, sinta-se a vontade.

Ainda agora oferecem suporte as seguintes propriedades CSS que realmente faziam falta:

• text-shadow
• overflow-x
• overflow-y
• outline-offset

Principalmente o overflow X e Y me faziam muita falta, até o momento somente o Firefox suporta corretamente isso.

Algo realmente interessante é o suporte ao formato de arquivo SVG no SRC da tag IMG, ainda por CSS é possível utilizar em:

• background-image
• ist-style-image

Tem mais uma coisa que achei interessante ao abrir o navegador, pode ser até que tenha em versões anteriores, se tiver, eu nunca tinha reparado, o tal do “Speed Dial”. Praticamente é uma pagina inicial onde você pode inserir até 9 sites de sua preferência dentro de uns quadradinhos para agilizar o acesso aos mesmos, tudo feito de forma transparente e agradável, achei muito legal.

Bom eu sou suspeito para falar do Opera, uma vez que o considero como navegador somente o melhor que já usei, mas como sou dependente das extensões do Firefox, sou preso e amarrado a este.

Baixe agora o Opera 9.5 Alpha

Lembrem-se é uma versão Alpha, muita coisa pode dar problema ou não funcionar, baixem por sua conta e risco

Porque 2.0? bom, simples, essa alteração foi efetuada baseada e focada no usuário, e mais agora temos no rodapé inclusive uma nuvem de tags, ainda a disposição, as cores, tudo nos leva a dita “web 2.0″ que nada mais é do que o que toda forma de comércio pensa ou como deveria pensar, cliente satisfeito, é cliente que volta, no caso da internet, quem conseguir juntar muitos recursos em uma interface simples e fácil de acessar já esta meio caminho andado em direção ao sucesso.
Tiraram a logo da Globo, e fizeram uma no estilo divertido que nos remete a web 2.0.

Sinceramente depois do susto, devo dizer que gostei do novo layout, muito mais intuitivo, muito mais humano, muito melhor.

Passando somente para escrever sobre as estatísticas disponibilizadas no site da w3c sobre os navegadores mais utilizados ao acessarem seu site mês a mês, porque eu particularmente sou um apaixonados por estatísticas.

Sou péssimo em montar dados estatísticos, mas adoro ver dados, tabelas, gráficos.

No site podemos ver que atualmente como era de se esperar o mais utilizado é o internet explorer, sua versão 6 deteve segundo eles no mês de julho 36.9% de participação, a versão 7 obteve 20.1%, e o IE5 teve ainda 1,5%(quem usa isso ainda?), somando para o Internet Explorer um total de 58,5% dos acessos.
Em segundo lugar vem o firefox com 34,5% dos acessos, seguido de longe por outros navegadores, como o Opera com 1,9%, Safari com 1,5% e Mozilla(Netscape, Gecko), com 1,4%.

Pela tabela apresentada no site deles vide figura abaixo acima, podemos perceber a tendência de queda dos acessos de quem usa IE6 e IE5, obviamente e o aumento de utilizado do IE7 e Firefox, ainda, Safari e Opera, obtiveram um aumento ligeiro.

Ainda no site vemos que 6% dos acessos ao site são realizados com Javascript desativado, ou inexistente no dispositivo, e ainda tem gente que duvida da importância de programar Javascript de forma não obstrutiva, imaginem quando acessos são 6% em um site como esse.

No site ainda mostram estatísticas dos sistemas operacionais, que segue na imagem abaixo:

Vemos que o windows domina plenamente 87,1% dos acessos, seguido pelo Mac com 4% e Linux com 3,4%.

Existem ainda outras informações interessantes para quem quiser ver mais acesse o site clicando no link abaixo:

W3C Stats [EN]

Lembrem-se porém que o site da W3C é normalmente acessado por desenvolvedores, portanto é comum que navegadores alternativos ao Internet Explorer tenham uma audiência acima da média das pessoas “normais”

O post foi meio que um gancho com o próximo que farei onde vou mostrar algumas estatísticas aqui do blog, pra quem gosta, aguarde

Bom final de semana.

O BrPoint é um site que da dicas de SEO, de como montar um blog, gerenciar Wordpress, enfim, um blog que considero necessário na vida de qualquer um que quer montar um blog e o levar a sério.

O conteúdo é muito bom, e sempre arrumo dicas excelentes de otimização do blog por lá.

O layout é leve, tem cores que transmitem segurança, os elementos são bem distribuídos e alinhados, acho que peca um pouco pelo excesso de publicidade, me perco um pouco as vezes, mas é um blog profissional, logo, isso não é opcional.

Enfim, é um blog que recomendo a leitura a todos que tem pretendem montar ou possuem um blog.

E por fim essa resenha foi escrita motivado pela promoção que o Bruno está fazendo no BrPoint:

Ganhe um domínio grátis.
Basta participar da promoção que está sendo realizada pelo BrPoint.

Deixando claro, a promoção pedia que escrevesse uma resenha, mas não que fosse positiva, a minha foi positiva, porque o que escrevi é o que penso realmente.

=D

O Robots.txt nada mais é que um arquivo texto que é lido pelos robôs(bots) dos sistemas de busca como Google, Yahoo…

O que este arquivo de texto faz é informar ao robô quais diretórios e/ou arquivos não deve acessar, fora os diretórios/arquivos informados neste arquivo ele automaticamente pega tudo que tem no seu site, diretórios, sub-diretórios, arquivos.

Caso você não utilize este arquivinho os buscadores indexam o site todo, ou seja, se seu site tiver uma área reservada, intranet, extranet, o que for, sem esse arquivo, tudo isso será indexado, inclusive aquelas informações confidenciais que seu concorrente adoraria saber.

Sem mais delongas, o que deve ser colocado nesse arquivo?

Agora vem um processo muito “complexo”, primeiro devo destacar novamente que devem criar o arquivo exatamente com esse nome:
robots.txt

Não pode ser .html .php nada disso, deve ser exatamente robots.txt, um arquivo texto simples, use o notepad para criar se quiser.
Este arquivo deve ser colocado na raiz do seu site, será a primeira coisa lida pelo robozinho.

Agora alguns exemplos de como escrever esse seu arquivo.

Para que nada no site seja indexado por nenhum mecanismo de busca insira dentro do arquivo texto o seguinte:

User-agent: *
Disallow: /

O * ali indica que todos os buscadores devem obedecer o que vem na linha a seguir.
E o / significa todos os diretórios, e disallow é negar o acesso.
Logo ali estamos dizendo que para todos os buscadores devemos negar o acesso a todos os diretórios.
Pronto, seu site não será indexado.

Bom supondo que tenhamos um diretório chamado “admin” que deve ser bloqueado a todo custo dos buscadores, pois ali guardamos muita informação valiosa, e que não pode de forma alguma cair nas mãos maléficas da concorrência, como proteger esse diretório?
Simples assim:

User-agent: *
Disallow: /admin/ #diretorio bloqueado

O sinal #(tralha), serve como comentário, o que vem após dele não interfere na definição das regras de acesso.

Mas veja bem, na realidade, aquele diretório que bloqueamos tem apenas um arquivo que é importante e altamente secreto, que é o “formula_da_cocacola.doc”, o restante gostaria que fosse indexado.
Perfeito, porque não disse antes? Neste caso vamos bloquear apenas o segredo industrial mais bem guardado do século, e o faremos da seguinte forma:

User-agent: *
Disallow: /admin/formula_da_cocacola.doc #XooOOoo buscadores.


Agora para resumir, caso queira bloquear mais de um arquivo/diretório pode fazer assim:

User-agent: *
Disallow: /admin/ #diretorio bloqueado
Disallow: /intranet/ #diretorio bloqueado
Disallow: /segredos_roubados/formula_da_cocacola.doc #aqui nao, TOP SECRET.

No exemplo acima bloqueamos o acesso completo aos diretórios “admin” e “intranet”, e também ao arquivo “formula_da_cocacola.doc”, que está dentro do diretório “segredos_roubados”, o restante dos arquivos do diretório “segredos_roubados” está livre para ser indexado pelos buscadores.
E para finalizar, caso queira bloquear um determinado arquivo/diretório de apenas um buscador, basta ao invés do * em User-agent, escrever o nome do agente/buscador a ser bloqueado, assim:


User-Agent: Googlebot
Disallow: /admin/ #diretorio bloqueado

Oppsss acabamos de bloquear o acesso do google ao diretório “admin”.

Simples e eficaz.

Boa semana a todos!

A Google, considera o frame “fora dos modelos conceituais da web atual”, declarando no seu centro de assistência ao “Fazedor de Site” :D:
“Se nosso motor de busca determina que a busca de um usuário encontra resultados em uma página na sua totalidade, a página inteira é retornada, ainda se com frames; porém, se a busca encontra resultado no interno de um único frame da página, devolvemos apenas o frame em questão, e não toda a página.”

Portanto acho que podemos entender melhor agora o porquê é desaconselhado, não creio que seja do interesse de alguém que um visitante abra um pedaço apenas da sua página, muitas vezes sem ter o que fazer a partir dali, perdido esse visitante é realmente perdido, vai embora, provavelmente não volta mais.

Mas vejam, desaconselhado não é proibido, o iframe principalmente ainda pode ser útil em algumas situações, como upload de arquivos de forma assíncrona(gmail usa), mas utilizar frames para montar o layout, exibir conteúdo, a menos que queiram perder visitas é altamente desaconselhado.

Mas afinal, alguém ainda usa frames?

BlogBlogs.Com.Br

O que é o recurso Referências do Google AdSense?

Referências é um recurso do AdSense que permite aos editores de sites da Web aumentar a sua receita enquanto aumentam simultaneamente o interesse dos seus usuários em produtos e serviços úteis. Ao adicionar um botão de referência ao seus sites, os editores podem direcionar os usuários a produtos como o AdSense e o Firefox com a Barra de ferramentas Google. Quando uma referência conecta um usuário ao AdSense ou ao Firefox, o Google paga ao editor. Agora, os editores podem introduzir os seus visitantes a serviços que os ajudarão a lucrar com seus sites ou a melhorar a experiência de navegação na Web e obter mais receita.

Essa explicação é a melhor para descrever o serviço, apenas uma ressalva, que é inclusive o motivo do post, a partir de hoje, é possível para alguns usuários(por enquanto alguns, logo todos) do AdSense, não apenas apontar para Firefox ou serviços do Google como também começa a ser liberado para apontar para outros publicantes do Adsense, o cliente vai poder fazer sua publicidade vinculada a uma ação no seu site, por exemplo, um site de calçado monta o anúncio no AdSense, porém o pagamento não será vinculado apenas ao clique, mas sim a algo definido pelo anunciante, pode ser um cadastro na sua newsletter, pode ser a compra de algum produto, pode ser o acesso a determinada página, enfim, mais garantia para os publicantes, assim como uma ação bem executada tem mais valor para quem publica os anúncios no seu site, logo ele também receberá mais retorno, pois os anúncios darão mais retorno.

Conheça a página do Google AdSense clicando no banner no menu a direita, cadastre-se, gratuito, rápido, fácil e você ainda pode ganhar com isso.

Eu cheguei a usá-lo por algum tempo e o considerava razoável, porém devo dizer que melhoram sensivelmente o serviço.

Está mais fácil, prático e rápido de usá-lo, a interface como de praxe é limpa, simples e bastante funcional.
Notei que os ícones foram mudados, deixando a interface muito mais agradável.

Agora pode-se criar pastas, o que ajuda e muito a organizar o trabalho, além de ver de forma mais simples os usuários que trabalham com determinado arquivo, e ainda, colocaram a estrelinha do gmail ali, para marcar os arquivos em destaque ou importantes.

Sinceramente está cada vez melhor, para quem está no meio informático creio que já venha se tornando o editor meio que padrão, principalmente pela facilidade de compartilhar os arquivos, melhorando muito a produtividade.

Para o usuário comum ainda vai levar um tempo até que o serviço seja utilizado mais massivamente, afinal, sejamos sinceros, todos sabemos que a maioria dos usuários comuns utiliza de um windows não original, e o mesmo normalmente já vem com office, e não é só no Brasil não.

Então com office já instalado na máquina, e sem a necessidade de compartilhar os arquivos(muitas vezes por ignorancia), o usuário comum ainda vai levar um tempo até despertar para as coisas boas que o Google Docs & Spreadsheets oferece.

Você usa o Google Docs & Spreadsheets, já fez campanha para ele ser adotado na empresa onde trabalha?

Pessoalmente eu testei e resolvi dar uma segunda chance a ele, a renderização dos sites melhorou muito, ainda que continue um pouco escura, mas na primeira versão não conseguia ler o site da Globo por exemplo, agora carregou direitinho, assim como o Google agora carrega corretamente.
Porém as vezes ele ainda fica um pouco lento sem motivo, e trava do nada, mas com certeza muito melhor, mesmo que ainda não o suficiente para ser usado como navegador padrão.
A impressão que tive sem fazer nenhum teste, é que ainda carrega páginas um pouco mais lento que o Firefox, simile ao IE7, e muito mais lento que o Opera.

Mas para finalizar devo escrever que pelo menos agora compensa o download por curiosidade.
Tenha em mente, é um beta, ainda que melhor que sua primeira versão ainda tem muito a ser melhorado.

Para ir para o site de download do navegador clique aqui.

Alguém mais por aí descontente? >:/

O trabalho consistia em pesquisar e elaborar um comparativo sobre os arquivos de imagens disponíveis na época, citar prós e os contras, aquele era um trabalho completo e detalhado, pena ter perdido o arquivo, mesmo assim, vou dar aqui uma pincelada sobre esses formatos de arquivo pois muita gente os usa e nem sabe como funcionam.

Antes de iniciar todos devem saber que todos os 3 são formato de compressão, com perda de dados, aplicado em imagens, interpretáveis por todos navegadores modernos(IE 6 não exibe o canal alpha do PNG), de acordo com o tipo de compressão a imagem pode conter transparência, mais ou menos cores, aceitar canal alpha, e claro, quanto maior o suporte a essas variáveis e a qualidade com que salvamos, maior será o arquivo.
São esses arquivos compactados que permitem reduzir o tamanho de uma imagem de 2mb para 50k e a evolução da web ao que é hoje, imaginem esperar carregar um bmp de 2mb antes de abrir um site, e se este site tivesse mais de uma imagem? Agora imagine isso 10 anos atras com modem de 28.800bps.

Mas afinal o que significam as palavras JPG, GIF e PNG? São siglas, que significam:

• PNG: Portable Network Graphics;
• JPEG: Joint Photographic Experts Group;
• GIF: Graphics Interchange Format.

Falando então um pouco sobre cada um:

JPEG
Desenvolvido por Eric Hamilton, engenheiro da C-Cube Microsystems, este formato suporte trabalhar com esquema de cores de até 24 bits, ou seja, 16,8 milhões de cores.
O JPEG aceita diferentes níveis de compressão, quanto maior a compressão menor a fidelidade com a imagem original, ou seja, perde-se em qualidade, porém o arquivo resultante é substancialmente menor, cabe ao “Fazedor de Site” definir qual a qualidade adequada ao seu site, eu aconselharia no photoshop definirem a qualidade entre 60 a 90.
Lembrem-se, que uma desvantagem do JPEG é que a imagem normalmente perde qualidade a cada vez que o arquivo é salvo.

Os arquivos em JPEG aceitam as extensões .jpeg , .jfif , .jpe e .jpg, para internet é normalmente utilizada a extensão .jpg.
E por fim, este formato não possui suporte a transparência.

GIF
Foi criado pela empresa CompuServe, em 1987, suporta um máximo de 256 cores, das 3 deste comparativo é a que possui menor qualidade.
O GIF utiliza um formato de compressão que não altera a qualidade da imagem a cada salvamento, como ocorre com o JPEG, e por ter uma qualidade inferior, os arquivos GIF normalmente possuem tamanho bastante reduzido, o que estimulou muito seu utilizo na internet.

Outro fator que contribuiu para popularização do GIF é a possibilidade deste de criar pequenas animações.
O GIF apesar do suporte a transparência não suporta transparência em níveis diferentes, os chamados canais alpha.

PNG
Criado em 1996 motivado pela possível cobrança de royalties por parte da Unisys detentora dos direitos do formato GIF.
O PNG tinha como objetivo ser um GIF melhorado e de fato é, pois como o JPEG possui suporte a 24bits ou 16,8 milhões de cores, porém com um algoritmo de compressão mais eficiente, e que não proporciona perda de qualidade a cada vez que é salvo o arquivo.
Ainda, o PNG como o GIF possui suporte a transparência, mais ainda, em diversos níveis, com suporte ao canal alpha e ainda a entrelaçamento.

Devidamente apresentados os formatos você deve estar se perguntando, o PNG com todas essas qualidade, existe desde 1996, como ainda não dominou o mundo?

Reposta simples.

Internet Explorer.

O bendito browser da Microsoft não trabalha corretamente com PNG, como sempre foi o navegador mais utilizado, isso evitou a popularização do PNG. Existem códigos que simulam o canal alpha que o IE6 não consegue interpretar no PNG, porém nenhum garante o resultado 100% e muitos são complicados de implementar.

O Internet Explorer a partir da versão 7 oferece suporte ao PNG corretamente, porém, até que o mesmo substitua devidamente o seu antecessor, ou outro navegador o faça, como Firefox por exemplo, devemos nos contentar com a perda de qualidade do GIF para transparência, ou com códigos que tentem quebrar a deficiência deste navegador.

O JPEG é um formato interessante e bastante recomendado para exibir fotografias, por permitir controlar melhor a qualidade final desejada, mas pouco indicado para composição de layouts por não ter suporte a transparência .

GIF em um futuro, que espero que seja próximo, deve se aposentar, visto que atualmente mesmo as animaçõezinhas que o mesmo faz, são feitas de forma mais eficiente no Flash.