pular para conteúdo pular para busca no site

Gustavo Ribeiro (blog)

mar 03

PNG no IE6

1 star2 stars3 stars4 stars5 stars
Meta Tags: • por Gustavo Ribeiro

Quem nunca teve problemas em montar um site com imagens em .png transparente e quando foi ver no lixo do IE6 reparou que as imagens ficavam cinzas e sem transparencias? Seus problemas acabaram (como diriam os cassetas).

DD_belatedPNG é o cara, ou melhor, o site que traz informações de como tornar isso possível utilizando um pequenino script de 5.5kb e sua aplicação é super fácil, veja abaixo::

<!--[if IE 6]>
    <script src="DD_belatedPNG.js"></script>
    <script>
        DD_belatedPNG.fix('.png_bg'); // classe a ser utilizada nas tags com imagem png
    </script>
<![endif]-->

Ou se preferir, pode utilizar também em um elemento qualquer, como abaixo:

<!--[if IE 6]>
    <script src="DD_belatedPNG.js"></script>
    <script>
        DD_belatedPNG.fixPng( elemento Dom );
    </script>
<![endif]-->
Compartilhe este post:
  • E-mail this story to a friend!
  • Google Bookmarks
  • del.icio.us
  • Twitter
  • Technorati
  • Digg
  • Reddit
  • Netvibes
  • LinkedIn
  • Facebook
  • MySpace
  • StumbleUpon
  • Rec6
  • Mixx
  • FriendFeed
  • Identi.ca
  • Tumblr
  • HelloTxt
  • Live
  • Yahoo! Buzz
  • Yahoo! Bookmarks
  • Yigg
  • Faves

Comentar tópico (1)

· · · · ·
fev 11

URLs Amigáveis

1 star2 stars3 stars4 stars5 stars
Meta Tags: • por Gustavo Ribeiro

Após notar a dificuldade de muitas pessoas em entender sobre URLs amigáveis, resolvi escrever esse tópico para tentar explicar melhor sobre, além de já existir diversos blogs e sites explicando. Já ouvir gente dizer que “urls amigáveis são as mais clicadas em um site”. #fail para quem disse isso e quem acredita ser isso.

Já parou para imaginar o quanto é difícil memorizar urls do tipo americanas.com.br/home/begin.do?home=AcomMat&mat=6056? Difícil né? Não seria mais fácil e objetivo se fosse americanas.com.br/todos-os-departamentos? Fica mais claro sabermos que essa URL é para área de todos os departamentos do site Americanas.com.

Além do critério memorização, uma grande vantagem das URLs amigáveis são com relação aos robôs de busca (google, yahoo, live search etc). Alguns desses diversos robôs deixam até de indexar suas páginas devido ao uso de caracteres em suas URLs como o “?” e o “&” além de, com isso, você estar deixando claro o uso de algumas tecnologias utilizadas em seu site/blog – php, jsp etc – e deixando expostas variáveis GET para seus usuários.

» Continue lendo URLs Amigáveis

Compartilhe este post:
  • E-mail this story to a friend!
  • Google Bookmarks
  • del.icio.us
  • Twitter
  • Technorati
  • Digg
  • Reddit
  • Netvibes
  • LinkedIn
  • Facebook
  • MySpace
  • StumbleUpon
  • Rec6
  • Mixx
  • FriendFeed
  • Identi.ca
  • Tumblr
  • HelloTxt
  • Live
  • Yahoo! Buzz
  • Yahoo! Bookmarks
  • Yigg
  • Faves

Comentar tópico

· · · · ·

O CSS Reset é uma técnica bastante comum entre os desenvolvedores client-side para zerar os atributos pré-setados para as tags html que vem por default nos browsers, ou seja, possuem diferentes configurações de fonte padrão, margens etc.

Como muitos sabem, principalmente os desenvolvedores, essas diferenças de valores atrapalham no desenvolvimento e por isso temos que zerá-los antes de qualquer coisa para que podemos ter certeza, não tanta assim, de que estamos trabalhando fora desses valores default dos browsers.

Procurando no google você irá encontrar diversas formas de aplicação do CSS Reset, umas mais implementadas e outras bastante simples que, particularmentes, é a que gosto de usar. Dentre todas essas soluções, temos as mais conhecidas como a do Eric Meyer, Tantek Celik, sugestões de empresas como a do Yahoo! ou a mais simples possível.

* {margin:0;padding:0;list-style:none}

PS: A forma de escrita do CSS vai de cada um. Eu, por exemplo, consigo ler melho o CSS em linha, como feito acima, do que escrevendo cada propriedade em cada linha.

Dúvidas, sugestões e tudo mais nos comentários. ;)

Compartilhe este post:
  • E-mail this story to a friend!
  • Google Bookmarks
  • del.icio.us
  • Twitter
  • Technorati
  • Digg
  • Reddit
  • Netvibes
  • LinkedIn
  • Facebook
  • MySpace
  • StumbleUpon
  • Rec6
  • Mixx
  • FriendFeed
  • Identi.ca
  • Tumblr
  • HelloTxt
  • Live
  • Yahoo! Buzz
  • Yahoo! Bookmarks
  • Yigg
  • Faves

Comentar tópico (1)

· · · · ·

De acordo com a AdNews, foi lançado hoje – 02/02/2009 – a loja virtual das Casas-Bahia por um valor de, aproximadamente, R$ 3,7 milhões com uma perspectiva de responder por 2% de todo o faturamento da franquia em 1 (um) ano.

Além de toda a comodidade de receber o produto em sua residência, a franquia disponibiliza também a opção de retirada dos produtos em uma de suas lojas físicas espalhadas pelo Brasil que, para alguns, deve ser uma boa jogada (eu não acho). Ok, mas não vim aqui para falar bem, não é? Então vamos ao que interessa.

Analisando um pouco a ‘nova filial’ da franquia, só de acessar o site já dói um pouco a vista com o layout utilizado mas gosto é que nem …, deixa pra lá.

Dedicação total a você! Sério mesmo? E se eu, por medidas particulares, optar por navegar com o JavaScript desabilitado para evitar scripts maliciosos, eu consigo navegar pelo seu site, Casas-Bahia? Mas é claro que NÃO!

Hmm… Que pena! Mas então, se eu acessar em um browser de texto – ou o site for acessado por algum deficiente visual – eu consigo navegar pelo site sem problemas algum, já que o conteúdo do site é separado do seu layout, correto? Mas é claro que NÃO! Mas pelo menos, Casas-Bahia, vocês fizeram um bom plano de SEO? SEO, o que é isso?

Tirando a tecnologia que, de acordo com o diretor executivo da rede Michael Klein, diz ser o que há de mais “top” no mercado, a parte estrutural do projeto é, convenhamos, um LIXO cybernético. Foram milhões investidos em tecnologia de ponta no server-side e nenhum real investido no client-side. Se me dessem 10% – ou até menos – do valor investido, eu ficaria muito feliz em “fazê-lo funcionar”.

Dedicação total a você, ou, o pior site do mundo?

Identificou mais problemas, nos diga sobre eles no comentário.
Não identificou os problemas? Então veja algumas fotos: 01, 02, 03, 04.

Compartilhe este post:
  • E-mail this story to a friend!
  • Google Bookmarks
  • del.icio.us
  • Twitter
  • Technorati
  • Digg
  • Reddit
  • Netvibes
  • LinkedIn
  • Facebook
  • MySpace
  • StumbleUpon
  • Rec6
  • Mixx
  • FriendFeed
  • Identi.ca
  • Tumblr
  • HelloTxt
  • Live
  • Yahoo! Buzz
  • Yahoo! Bookmarks
  • Yigg
  • Faves

Comentar tópico (2)

· · · · ·

Domingo, 25/01, terminou a Campus Party 2009 e como muitos já sabem, por intermédio do twitter, flickr, youtube etc, os protestos foram tantos e todas as maneiras possíveis de se imaginar. Faixas no chão, mensagens em notebooks e desktops, levantando as cadeiras, megafones etc porém, o que mais me chamou atenção pelo fato de eu ser desenvolvedor web, foi em um papel de parede em um dos desktops dos usuários da Campus Party que dizia: Ajude o mundo. Atualize a bosta do IE6. Aproveita e comece usando o FireFox. Ver imagem abaixo.

Muitos estão dizem por aí que foi ruim, que foi boa demais, enfim. Cada um com sua própria opnião sobre o que achar bom e ruim mas cá entre nós, o povo estava ali para se divertir e não para ficar calados na frente de seus computadores jogando e/ou fazendo downloads/uploads na singela banda de 10Gb da Telefonica.

Compartilhe este post:
  • E-mail this story to a friend!
  • Google Bookmarks
  • del.icio.us
  • Twitter
  • Technorati
  • Digg
  • Reddit
  • Netvibes
  • LinkedIn
  • Facebook
  • MySpace
  • StumbleUpon
  • Rec6
  • Mixx
  • FriendFeed
  • Identi.ca
  • Tumblr
  • HelloTxt
  • Live
  • Yahoo! Buzz
  • Yahoo! Bookmarks
  • Yigg
  • Faves

Comentar tópico

· · · · ·

Twitter

    Categorias

    • W3Counter
    • Atualize seu Navegador
    • FeedBurner
    • DiHitt
    • BlogBlogs
    • Click to see how many people are online