Ronildo Costa - Joomla - CSS - Tecnologia - Profissional de Joomla

Mesmo, apoiando totalmente a morte do IE 6 pros clientes a história é diferente não podemos deixar de testar nossos humildes websites nesse maldito browser, até por que ele não quer nem saber, só quer que funcione.

Bom, esses dias estava trabalhando num projeto e um amigo que estavamos trabalhando junto não gostou da idéia de usarmos png com transparência nas imagens por problemas com o IE, eu disse que conhecia uma solução que funcionava, ele ficou meio desconfiado no começo (por já ter testado tanta coisa que não funcionava direito, eu também já testei muita coisa que não funciona) mas depois que testou gostou muito e viu que realmente funcionava.

Bom como ele é uma pessoa que tem um conhecimento muito bom de CSS e não conhecia esse script, acredito que muito mais pessoas como ele não conhece, por isso resolvi divulgar aqui no blog.

A solução é muito simples e eficaz.

<!--[if IE 6]>
<script src="/blog/<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/javascript
/DD_belatedPNG.js" type="text/javascript"></script>
<script>
  /* Exemplo de utilizacao */
  DD_belatedPNG.fix('.png_bg');
</script>
<![endif]-->

Basicamente esse é o código que você vai precisar colocar no seu template entre as tags head.
Nesta linha (DD_belatedPNG.fix('.png_bg');), você coloca todos os elementos do HTML que você quer que seja afetado. Por exemplo onde tá .png_bg, você pode colocar div ou p, então tudo que for div ou paragráfo, o script vai interferir nas imagens para funcionar o truque.

Nesta linha que vou colocar o código abaixo é o caminho para onde arquivo está, no caso eu coloquei o arquivo dentro de uma pasta chamada "javascript" dentro da pasta do meu template.

<script src="/blog/<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/javascript
/DD_belatedPNG.js" type="text/javascript"></script>

O site do desenvolvedor e onde você pode fazer o download do arquivo é este aqui: http://www.dillerdesign.com/experiment/DD_belatedPNG/

Só vale ressaltar que eu encontrei essa dica no blog: http://www.pinceladasdaweb.com.br/blog/ que aliás é um excelente blog para quem gosta de CSS e afins.

Se você também tem os hábitos de começar os projetos do zero (não totalmente do zero ), essa dica é bem legal.

Encontrei esse site que disponibiliza alguns grids de CSS para ajudar no desenvolvimento. Ele não faz muita coisa, mas o que faz ajuda muito.

Para utilizar só entrar no template que quiser e exibir o código fonte e copiar tudo ou salvar página.

Este artigo é dedicado para iniciantes e intermediários aprendizes de CSS. Se você está querendo aprender CSS do zero, provavelmente você já viu uma dezena de técnicas. Neste artigo pretendo apresentar as técnicas que os designers mais precisam saber. Eu gosto muito dos posts abaixos e gostaria de compartilhar com vocês. Apreciem...

Realmente muito interessante a técnica que este desenvolvedor usou para fazer um calendário inteiro baseado em css.

Vi isso no meiobit e gostei pacas... bem nerd né?? Fazer o que, se a gente gosta de ser nerd.



Quem quiser ver a letra clica no título do post ou no link leia mais.

Caracolas, um dos sites mais legais que eu já vi até hoje. Impressionante a criatividade do cara...
Clique no link e divirtam-se com a navegação.

Não conhecia o termo até ler há alguns dias atrás no iMasters, quem falou sobre o assuntou foi "Igor Escobar".
Ai logo depois encontro o mesmo assunto no fórum: "CSS reset para Joomla".

Mas vejam, isso não é tão revolucionário assim, eu pelo menos já faço isso, só que em menor escala. E também já falei disso nesse post.

Vou me lembrar de usar essa solução dada pelo Igor, em algum projeto novo que surja.

Fica ai a dica: CSS Reset

Depois de uma semana sem postar novidades aqui no Blog, volto para anunciar o lançamento do livro de CSS do Maujor.
Pois é pessoal o cara manja muito do assunto, e a leitura do livro é recomendadíssima, até para os mais experientes.

E corram para comprar pois a primeira edição saiu com uma triagem de apenas 2000 exemplares. O meu já está garantido.


Link para quem quiser comprar o livro.
Link para quem quiser ter mais informações.

Uma ótima dica de um amigo do trabalho, é este artigo para customizar o link de acordo com o tipo de arquivo .
Não testei, mas acho que só funciona nos browsers de verdade, pra variar.

Já pensou em poder fazer o seu css, e já poder visualizar ao mesmo tempo no IE e no FF ??
Pois é, este software promete exatamente isso, não testei por isso não posso dizer se o mesmo é bom. Porém vale a dica, espero que sirva pra alguém.

E se quiserem contar como foi a experiência com o software fiquem a vontade.