Bugfix para imagens PNG no Internet Explorer

Em 2006 publiquei um artigo que ensinava como colocar transparência em imagens PNG no Internet Explorer 6.

Há uns tempos atrás dei de caras com uma library em javascript que torna o IE mais de acordo com os standards nomeadamente no que se trata des CSS e transparência em imagens PNG.

Site do Script: http://dean.edwards.name/IE7/

Como instalar

Basta colocarem o seguinte código dentro das tags <HEAD></HEAD>

<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
<![endif]-->

Podem fazer download do ficheiro JavaScript aqui: http://code.google.com/p/ie7-js/downloads/list.

O ficheiro ZIP trás diversos ficheiros:

  • ie7-core.js – É um modulo fundamental. Contem um motor que permite que CSS funcione correctamente.
  • ie7-html4.js – Arranja tags HTML incorrectas.
  • ie7-layout.js – Permite o suporte do box-model do W3C e permite o suporte das propriedades CSS min-width, max-width e min-height.
  • ie7-css2-selectors.js – Permite usar selectores do CSS2.
  • ie7-graphics.js – Permite que o browser suporte transparencia PNG.
  • ie7-fixed.js – Permite o uso da propriedade Fixed no posicionamento de imagens.
  • ie7-standard-p.js – Um compacto de todos os scripts em cima, desta forma basta chamar apenas 1 script.
  • ie7-css3-selectors.js – Permite o suporte de selectores CSS3.
  • ie7-css-strict.js – Todos os selectores CSS são convertidos em classes do IE7.
  • ie7-overflow.js – Permite o uso de overflow:visible.
  • ie7-recalc.js – Permite o uso de document.recalc().
  • ie7-dynamic-attributes.js- Permite o suporte de selectores com atributos dinâmicos.
  • ie7-squish.js – Bug fixes.

Mais informações sobre os ficheiros em:
http://dean.edwards.name/IE7/usage/configure.html

Para que o script saiba quais os ficheiros em que deve actuar devem incluir -trans.png no nome das imagens.

Este script usa a propriedade filter que impede, no IE6, que se consiga posicionar ou repetir uma imagem de fundo PNG, a solução pode passar por criar um div que permite a inclusão da imagem como fundo.

Podem ler mais sobre este script em:
http://trevordavis.net/blog/tutorial/the-ultimate-png-guide/

Site Oficial: IE7-JS

Tutorial: Secções Extensíveis

Neste tutorial irei explicar como criar uma secção extensível com conteúdo. O resultado final pode ser visto aqui.

secção extensível show hide div

Breve descrição

A secção extensível é composta por 2 partes:

  1. O cabeçalho
  2. O conteúdo

Read more…

Tempo de carregamento da página

De certeza que já viram por aí muitas páginas que têm no final algo a dizer “Loading time”. Este é um tutorial em PHP e é algo bastante simples de fazer e para quem gosta de ter estatisticas no seu site é uma especie de rebuçado com papel de embrulho brilhante.

Em teoria o que vamos fazer é gravar o tempo no inicio da página, gravar o tempo no final da pagina e calcular o tempo que demorou.

O código seguinte deve ser colocado no inicio da página:

$micro_tempo = explode(” “,microtime());
$micro_tempo = $micro_tempo[0] + $micro_tempo[1];
$tempo_inicial = $micro_tempo;

A função microtime() dá-nos os micro-segundos no inicio da página.
Usando a função explode() “transforma” os micro-segundos num vector. Read more…

Editar qualquer página com javascript

É possivel editar qualquer página online utilizando Javascript.

Basta seguir os seguintes passos:

  1. Vamos a uma página qualquer, digamos http://www.blog.nonsensebb.com :)
  2. Limpamos a barra de endereço
  3. Inserimos o seguinte código:
    javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
  4. E começamos a editar

Isto acontece devido ao atributo contentEditable que permite editar o conteudo e o atributo designMode que permite editar o documento. Podem ver os resultados em baixo.

Free Image Hosting at www.ImageShack.us

Spyware e adware

Este artigo vai falar por algo do que é [tag]spyware[/tag] e [tag]adware[/tag] e explicar como funciona e se diferenciam de [tag]vírus[/tag] e outros perigos para o seu computador. Faz parte de uma série de artigos que irei publicar sobre o assunto por isso fiquem atentos.

Hoje em dia para além de vírus existem outras ameaças com um potencial de perigo tão grande ou maior que um vírus, é o caso de spyware, adware, [tag]phishing[/tag], [tag]root kits[/tag] e [tag]spam[/tag]. Grande parte dos cyber crimes estão relacionados com ameaças que não são vírus.

Sabendo o que é:

Adware/Spyware:
Trata-se de qualquer software clandestino que efectua diversas actividades sem o consentimento do utilizador. Esta é a definição generalizada Read more…

« Older Entries
Newer Entries »