jul42009

5 Hacks importantes para o IE que você deve saber

<!–[if lte IE 6]> <![endif]–>


A maioria das pessoas usam este código. Primeiro você cria um arquivo CSS que mais acessível ao Firefox e depois cria um com algumas modificações para o IE.

<link rel="stylesheet" href="style.css" type="text/css" />
<!--[if lte IE 6]>
<link rel="stylesheet" href=" styleie6.css " media="screen" /><
<![endif]-->


Para outras versões do IE basta mudar o número 6 para a versão desejada.


O hack inline para o ie

Não no seu código do seu web site mas sim no seu arquivo css.

#header {
margin-left: 10px; /* código comum */
_margin-left: 20px /* código com hack */
}


Iepngfix.htc

Este é o hack mais popular para deixar suas imagens .png com fundo transparente no IE, para usá-lo basta aplicar o seguinte código.

<!--[if lte IE 6]>
<style>
#header, #navigation, e outra id ou classe que você tem .png background-image { behavior: url("caminho para seu pngfix/iepngfix.htc") }
</style>
<![endif]-->


DD_belatedPNG

É um hack para PNG transparente para o browser IE.

<!–[if IE 6]>
<script src=”DD_belatedPNG.js”></script>
<script>
DD_belatedPNG.fix(’#container, #banner, #logo‘);
</script>
<![endif]–>


Mensagem de aviso (não recomendado)

Este hack você deve usar apenas quando não tem mais nem uma solução para o IE6, use apenas quando precisar, ao contrário o cliente pode se sentir ofendido ou então nem baixar um browser compatível fazendo assim você perder um acesso ao seu site.

$(function(){
if($.browser.msie && $.browser.version<7)
$('#top').before(
'<div>'+
'Foi detectado que você está usando o IE6 ou uma versão anterior.
Infelizmente não suporta este website'+
'\'
Recomendamos que você atualize para o '+
'Internet Explorer ou FireFox.'+
'</div>'
)
});
  • Share/Save/Bookmark
jul32009

Web Standards - Oque é? Para que serve?

clip_image002

O seu site parece diferente em outros browsers? Você demora muito tempo para fazer uma pequena mudança no site? Seu website demora muito tempo para carregar?

A resposta para todas as perguntas citadas é apenas uma, Web Standard compliant website, ou Web Site padrão compatível.

Fundado em 1998, web standard é um termo geral para um padrão formal e outras técnicas específicas, oficializado pela w3c e outros órgãos de qualidade, eles visam ampliar a acessibilidade dos web sites.

Por que usar Web Standards?

Usando web standards você tem a possibilidade de aprimorar a acessibilidade dos web sites, reduz o tempo de desenvolvimento e manutenção, aprimora o rank em motores de pesquisa e é claro melhorar a acessibilidade.

Isto é porque é sempre aconselhável seguir normas no desenvolvimento de web site.

Leia Mais…

  • Share/Save/Bookmark
jul22009

Resumo de visitas do blog

Bom dia pessoal, hoje irei fazer um resumo do mês de junho para o blog.

Foram 467 visitas sendo elas com estas características:

Navegadores.

  1. Firefox - 70,66%
  2. Internet Explorer - 19,62%
  3. Chrome - 6,64%
  4. Safari - 3,00%
  5. Opera - 2,14%

Maior número de visitantes em: São paulo - (91% de novas visitas)

Origens de tráfego:

  1. Sites de referência - 46,25%
  2. Motores de pesquisa - 32,76%
  3. Tráfego direto - 18,42%
  4. Outro - 2,57%

Tag mais procurada: WallPaper

É isso pessoal, mês que vem vamos fazer mais comparações!

Obrigado ;)

  • Share/Save/Bookmark
jun302009

Nova release do FireFox 3.5 oficialmente lançada!

É hora de um upgrade!

É isso mesmo, o FireFox 3.5 já está disponível para download.
Como citei em um post anterior o FireFox 3.5 traz inúmeras vantagens e novidades tanto para desenvolvedores quanto para usuários domésticos.

Então não perca tempo e baixe já o novo firefox!!

Download aqui!

  • Share/Save/Bookmark
jun252009

Adicionando um Favicon no seu Blog

Olá, hoje mostrarei como adicionar um favincon no seu blog.

Um Favicon nada mais é doque o ícone do seu site/blog, é aquele pequeno ícone que aparece na barra de endereços.

shot0001

Para adicionar um favicon siga os seguintes passos.

  1. Abra o menu Aparência/Editor
    shot0000
  2. Abra o Header.php
    shot0002
  3. Então adicione o seguinte ao código.
    shot00031

E está feito, você agore tem um Favicon no seu blog/site, apenas substitua para a url da sua imagem.

Obrigado!

  • Share/Save/Bookmark
jun192009

Novidades sobre o FireFox 3.5

O novo Firefox além de trazer um novo logo trará novidades para desenvolvedores, como suporte ao html5, novidades no suporte ao css, novidades no suporte ao javascript entre outros..

Novo logo.

Logo firefox 3.5

Novidades no html5.

  • O Firefox agora tem suporte para elementos de áudio e vídeo do html5.
  • Suporta o recurso off-line do html5.
  • As api’s Drag and Drop do html5 agora são suportadas pelo firefox.

Leia Mais…

  • Share/Save/Bookmark
jun122009

WhaterColor - Ícones para web estilo água!

Segue para download um pack de icones estilo água para web.

watercolor-preview

Para fazer o download clique aqui!

  • Share/Save/Bookmark
jun92009

Erros de acentuação no código? Solução simples e prática!

Hoje navegando em alguns blogs descobri uma ferramenta web muito útil para quem ainda tem problemas de acentuação no código html, principalmente com ajax.

htmlentity

com esta ferramenta, em vez de ficar olhando em tabelas ou procurando na web você tem um jeito muito mais prático de visualizar o código de acentuação.

Basta digitar a letra a receber acentuação que você já recebe resultados de como coloca-la no código.

está ai uma ótima dica!

Clique aqui para acessar o site.

  • Share/Save/Bookmark
jun92009

DropBox - Sincronizar arquivos e fotos na web

Dropbox - Secure backup, sync and sharing made easy.

Atualmente a melhor forma de sincronizar arquivos entre computadores distintos na web.

O funcionamento é simples, você sincroniza arquivos de um computador para o outro, de casa para o trabalho ou vice e versa. Você também pode sincronizar arquivos entre computadores com sistemas operacionais diferentes, como na imagem a seguir.

Basta baixar e instalar o DropBox (Download no final do post), assim que instalado será criada uma pasta com nome ‘My Dropbox’ em Meus Documentos, após isto basta copiar arquivos para dentro das pasta, caso queria tornar algum arquivo público basta largar na pasta public.

Leia Mais…

  • Share/Save/Bookmark
jun42009

Tema do Google Chrome para Firefox

https://addons.mozilla.org/en-US/firefox/images/t/25704/1241302247

Para quem gosta da iterface amigável e limpa do Google Chrome pode agora coloca-la no firefox apenas adicionando um tema.

o tema se chama ChromiFox Basic, criado por falconer,  para o FireFox 3.5 será lançada uma versão full que também postarei aqui.


Download do ChromiFox Basic.

;)

  • Share/Save/Bookmark