Archive for the ‘Dicas’ Category





Promoção: Ajude a sustentar a Wikipédia e outros projetos, sem colocar a mão no bolso, e concorra a um Eee PC!

Posted on June 25th, 2008 in Dicas | 2 Comments »

Ajude a sustentar a Wikipédia e outros projetos, sem colocar a mão no bolso, e concorra a um Eee PC! …e também a pen drives, card drives, camisetas geeks, livros e mais!

O BR-Linux e o Efetividade lançaram uma campanha para ajudar a Wikimedia Foundation e outros mantenedores de projetos que usamos no dia-a-dia on-line. Se você puder doar diretamente, ou contribuir de outra forma, são sempre melhores opções. Mas se não puder, veja as regras da promoção e participe - quanto mais divulgação, maior será a doação do BR-Linux e do Efetividade, e você ainda concorre a diversos brindes!

Contato: Marcelo Glacial Augusto - glacial@gmail.com

Divulgue:
  • Digg
  • del.icio.us
  • Rec6
  • Technorati
  • Slashdot
  • Ma.gnolia
  • blogmarks




O IE7 consegue ser mais burro que o IE6

Posted on May 27th, 2008 in CSS, Dicas, Programando | 2 Comments »

Todo mundo sabe que o IE 6/7 tem sérios problemas de interpretação dos padrões da W3C. E todo designer de interface que se preze já está acostumado com os rodeios, maracutaias e mágicas que se tem de fazer pra conseguir que o browser da Microsoft entenda uma instrução simples.

Eu já sabia que o IE6 não entendia o :hover (pra isso usa-se uma solução mais velha que a minha vó) e que o IE7 tinha corrigido esse bug. Basta apenas indicar no doctype que a página que você está escrevendo está em strict mode

Até aí tudo bem. O problema é que eu fiz isso e mesmo assim o :hover insistia em não aparecer e pra piorar, até os conditional comments e os CSS Hacks deixaram de funcionar!

Claro que eu pus logo a culpa no programador e no JSP. E depois de quebrar a cabeça durante uma hora, salvando o código gerado em html e limpando tudo oque era de javascript e o escambal eu descobri que toda essa dor de cabeça aconteceu porque o doctype não estava na primeira linha do arquivo e sim na segunda.

É engraçado como uma regra tão simples pode ser interpretada tão rigorosamente pelo browser mais displicente do mercado.

A cada dia eu me convenço que o Internet Explorer consegue se superar em termos de burrice … :\

Divulgue:
  • Digg
  • del.icio.us
  • Rec6
  • Technorati
  • Slashdot
  • Ma.gnolia
  • blogmarks




Fireworks CS3 rodando no Ubuntu 7.10

Posted on October 26th, 2007 in Dicas, Fireworks, Linux, Ubuntu | 7 Comments »

Fireworks CS3 + Wine no Ubuntu 7.10

Minhas suspeitas estavam certas! Depois de rodar e quebrar a cabeça com o Gimp, Inkscape e afins, agora eu posso trabalhar tranquilamente com o Fireworks CS3 (portable edition) rodando no Ubuntu pelo Wine sem nenhuma perda de performance (pelo menos eu não notei)!

Infelizmente o Dreamweaver CS3 não rodou no wine. Diz a lenda que o Dreamweaver 8 roda, mas pra mim, qualquer editor decente de texto serve na hora de codificar o XHTML+CSS :)

Como o Fireworks CS3 abre com 100% de compatibilidade os PSDs do Photoshop a única barreira outrora intransponível para a minha migração completa pro Ubuntu foi quebrada!

P.S.: Agora só falta convencer uma pessoa aculá a largar o XP hehehehe :)

Divulgue:
  • Digg
  • del.icio.us
  • Rec6
  • Technorati
  • Slashdot
  • Ma.gnolia
  • blogmarks




Exportando Microformats para o celular Via Bluetooth

Posted on October 3rd, 2007 in Dicas, Microformats, Symbian, Twitter, Vídeo | 2 Comments »

Taí uma resposta bem interessante pra quem andou se perguntando no Alternativa Web 2007 pra que raios servem os Microformats: Tails Export + Bluetooth

Dica do Rodrigo Muniz … e ainda dizem que o Twitter não serve pra nada :P

P.S.: Quem vai adorar isso é a Bia, já que eu já tinha implementado microformats no redesign do PodSemFio:

microformats.jpg

Divulgue:
  • Digg
  • del.icio.us
  • Rec6
  • Technorati
  • Slashdot
  • Ma.gnolia
  • blogmarks




CSS: Código Mágico para resolver bugs de renderização do Internet Explorer

Posted on September 21st, 2007 in CSS, Dicas, Programando | 12 Comments »

Quem nunca teve problemas de renderização com o IE? Elementos que ficam invisíveis e só aparecem quando se passa o mouse em cima ou ao rolar a tela, menus que quebram, background que não aparece e outros bugs que o nosso “amado” navegador da Microsoft insiste em apresentar.

Desenvolvendo um projeto, tive um sério problema de renderização com algumas DIVs posicionadas absolutamente depois de outras com float. No Firefox, Opera e Safari funcionava perfeitamente, mas no maldito IE a div sumia.

Descobri que tinha alguma coisa a ver com o haslayout e fuçando um pouco mais, descobri uma propriedade chamada zoom que eu nunca tinha ouvido falar. Resolvi usar e não é que funcionou?

É simplemente inacreditável. Praticamente todo e qualquer bug de renderização se resolve com a adição de zoom:1 no CSS.

Duvida? Eu provo.

Poucos minutos antes de escrever esse post, Marcelo Cabral (welcome back!) me veio com a seguinte pergunta: “Porque raios o fundo do meu blog não tá aparecendo no IE6?” (Veja o screenshot abaixo com o bug)

Bug

Dei uma olhada no CSS, vi que não era nenhum problema no código e respondi: “Adiciona zoom:1 no #content”.

Presto!

Solução

Só não me perguntem o porque, só sei que foi assim … taí o Cabral que não me deixa mentir :P

Divulgue:
  • Digg
  • del.icio.us
  • Rec6
  • Technorati
  • Slashdot
  • Ma.gnolia
  • blogmarks




Extensão do Wordpress para o Dreamweaver

Posted on September 11th, 2007 in Dicas, Dreamweaver, Programando, Softs, Wordpress | 1 Comment »

Cansado de adaptar templates prontos do wordpress (dá muito mais trabalho do que começar do zero), baixei a Wordpress Dreamweaver Extension do Vikiworks e usei durante muito tempo, até que encontrei uma solução mais completa.

A TAGStention, além de cobrir 90% das tags do Wordpress, é repleta de wizards e botões extras, como Paypal e Technorati.

miniatura

Os wizards são bem intuitivos e, na dúvida, o help da extensão vai direto pras páginas do Codex. E funciona no Dreamweaver MX 2004! :)

P.S.: Relendo o título, não seria Extensão do Dreamweaver para Wordpress?

Divulgue:
  • Digg
  • del.icio.us
  • Rec6
  • Technorati
  • Slashdot
  • Ma.gnolia
  • blogmarks




O(s) Internet(s) Explorer(s)

Posted on April 18th, 2007 in Dicas, Firefox, Internet, Softs | 7 Comments »

Aproveitando a dica do Dourado, comecei a usar o Internet Explorer 6 e 7 na mesma máquina. Pra entender a importância disso, é só ver os shots que eu tirei do Blogueisso (foi mal Leo, te enreguei hehehe).

Essa é a tela original vista no Firefox:

no Firefox

Como Internet Explorer 6 é péssimo em entender os padrões, o layout fica todo quebrado:

no IE6

O Internet Explorer 7 prometia acabar com a bagunça (e a dor de cabeça dos designers, mas como se pode ver, foi uma promessa cumprida só pela metade. Literalmente:

No IE7

Resumindo. O que seria uma solução milagrosa, já que o IE7 se tornará padrão em breve graças ao Vista, acabou se tornando mais uma dor de cabeça pros desenvolvedores e mais um ícone pra barra de ferramentas:

barra de ferramentas

Divulgue:
  • Digg
  • del.icio.us
  • Rec6
  • Technorati
  • Slashdot
  • Ma.gnolia
  • blogmarks