Total: 9 matérias neste grupo.

Pessoal, estou trazendo aqui no site o meu pequeno museu de animações em Flash homenageando e avacalhando os seriados japoneses das décadas de 1980 e 1990. Para quem não conhece, digo que vale a pena ver essas animações porque elas são, no mínimo, muito ridículas.

Mas de onde saiu este besteirol? Já explico.

Antes de o Youtube surgir, a Internet já teve outras tecnologias que garantiam o surgimento de Hits, baixados e assistidos por 9 entre 10 pessoas e indicados para os amigos.

Nos anos 1990, o grande lance era baixar imagens – nem todos os sites possuíam imagens, alguns eram só texto mesmo – e no final daquela década, o grande barato era achar e baixar GIFs animados, que normalmente não tinham mais do que 4 ou 5 quadros de animação. Mesmo que hoje em dia se considere um GIF animado como algo tosco e simplório, por alguma razão qualquer, simplesmente ver na tela do computador um desenho, digamos, do Ryu soltando um Hadouken E SE MEXENDO AO FAZER ISSO era o máximo.

No começo do século XXI, veio a febre das animações em Flash. A maior curtição imaginável era ver uma espécie de desenho animado feito em Flash – e surgiram vários sites que traziam essas animações.

E foi nos idos de 2003, ou 2004, que explodiram pela Web animações dedicadas a "traduzir" as músicas-tema dos seriados de heróis japoneses dos anos 1980 e 1990 tais como Jaspion, Jiraya, Jiban, Changeman, Maskmen, Ultraman e outros. Só que, no caso, a "tradução" resume-se em escrever uma letra em português com palavras parecidas com as que são ditas em japonês. A primeira animação foi feita em cima da música do robô Daileon, do seriado Jaspion. Depois veio o resto, no embalo.

As animações abrem aqui no site através de uma opção aqui nos menus principais. Eu estou inicialmente colocando no menu vermelho abaixo do logotipo, mas não pretendo manter isso aí para sempre. De qualquer forma, não vou nunca tirar essa opção dos menus principais. Então, clique e aproveite esses que foram os maiores hits internéticos no crepúsculo de uma era pré-Youtube.

Um dos desafios mais cabeludos na vida de quem cria sites é a falta de uma padronização efetiva dos browsers, esses programinhas que usamos para navegar na web (Firefox, Internet Explorer, Netscape, etc.). Simplesmente porque cada um deles interpreta o código HTML e CSS à sua maneira, e isso faz com que um site, que aparece lindo e bem estruturado no Firefox, simplesmente saia todo desconjuntado em outro navegador.

Existem alguns sites nos quais é possível ver avisos como “melhor visualizado no navegador Tal, resolução Tanto X Tanto”. Mas isso é simplesmente amadorismo, porque ninguém vai instalar um browser novo só para ver seu site. Um webmaster, webdesigner, web qualquer coisa, deve ser capaz de criar seu site para ser visto em QUALQUER browser de maneira minimamente satisfatória. Cobrar do USUÁRIO que ele instale o navegador “correto” seria mais ou menos como se uma fábrica de carros estrangeira viesse para o Brasil, e começasse a exigir que o governo construísse novas estradas, com pistas mais largas, porque os carros da marca não servem para as estradas brasileiras. Fica mais fácil, para o povo, não comprar essas tranqueiras. Fica mais fácil para o leitor, ao invés de instalar outro browser, simplesmente digitar outro endereço e ir embora.

Também quero deixar bem claro que, no mundo real, não adianta desenvolver um site que só roda no Firefox 2, no IE 7, e em coisas moderninhas, se a sua idéia fora amealhar um monte de leitores. Porque em muitas escolas, prefeituras e bairros pobres, tem gente navegando à base de IE6.

Também não adianta nada reunir um monte de web-qualquer-coisas, e fazer um gritedo brabo exigindo que todo mundo siga o W3C. Até porque os navegadores pré-padronização continuarão vivos, nos recantos mais atrasados da rede.

Bom. Acho que já deixei bem claro que, para mim, não cabe ao web... web.... AO FAZEDOR DE SITES (quando eu comecei a brincar com essas coisas, na metade dos anos 90, ainda falávamos em “programador de site”, e eu nunca sei o que sou hoje: eu faço design, conteúdo, programa, banco de dados e configuro o servidor). Mas voltando, acho que já deixei bem claro que para mim, não é nosso papel reclamar da falta de padronização, porque isso não resolve nada. O negócio é botar o peito na água e fazer alguma coisa.

Vamos ser claros: não existe código CSS que sirva para TODOS os navegadores. Embora se possa optar por escrever um código enxuto, sem comandos exclusivos de um ou outro browser (como as cores RGBA, do Firefox), os problemas não acabarão. Por exemplo, as margens e o padding, uma vez definidos, podem até deixar o site alinhado, perfeito, no Firefox, mas neste caso, haverão problemas de alinhamento no IE6. Não existe uma solução apenas usando códigos “oficiais” e tentando manter-se no time dos bons moços.

A melhor solução é o Método McGyver. Ou seja, a gambiarra. E eu vou explicar uma muito fácil de fazer, muito efetiva, e que inclusive vem garantindo o bom funcionamento deste blog. Não se trata de nenhuma enjambração que funciona “por sorte” ou “em alguns casos”. Trata-se de criar uma situação condicional: se o browser em questão for o IE6, as definições CSS serão essas. Se for o Firefox, serão aquelas. Se for o IE7, um outro tipo. E por aí vai.

Antes de mais nada, é preciso criar o código CSS da página, e testá-lo no seu navegador padrão. No meu caso, é o Mozilla Firefox. É para ele que eu escrevo o meu código CSS original, sobre o qual montarei minha McGyverices.

Só para exemplificar, vamos ver como é o código (criado para o Firefox) da CAIXABRANCA, dentro da qual este texto está sendo visualizado por vocês neste exato instante:

#caixabranca {
  background: rgba(255,255,255,0.90);
  float:left;
  margin:0 0 0 10px;
  padding:0px;
  width:595px;
}

Olhando assim, o que vemos? Um UL, chamado “caixabranca”, com uma margem de 10 pixels em relação ao menu do canto esquerdo do site, sem padding, com uma largura definida e talz. Mas notem que eu usei uma cor de fundo RGBA, que só é suportada pelo Firefox. Para quem não sabe usar RGBA, é fácil: eu defino as quantidades de Vermelho, Verde e Azul (Red, Green e Blue), para formar uma cor de fundo. No caso, é o branco, pois coloquei o valor 255 em todas as três cores básicas. Se eu colocasse zero em todas elas, teríamos o preto. Se eu tivesse colocado 255,0,0, teríamos um fundo vermelho. É estranho, mas é assim: os valores de cada cor vão do zero ao 255. Só que, depois das três cores do RGB, eu coloquei um 0.90. Este valor final, que vai de zero a 1, é a OPACIDADE da cor de fundo. No meu caso, o fundo é 90% opaco, deixando transparecer um pouco a imagem que há atrás dele, essa composição maravilhosa de fotos que têm tudo absolutamente a ver uma com a outra.

Existe um atributo de opacidade da DIV ou da UL, que tanto o Firefox como o IE aceitam. Mas o tal atributo torna TUDO dentro da caixa um pouco transparente, e não era esse o efeito que eu queria: eu queria um fundo semitransparente, com letras, fotos e matérias absolutamente visíveis. Então, usei RGBA.

Meu site estaria condenado a “dar pau” quando visualizado em qualquer uma das versões do Internet Explorer, se eu não escrevesse, já dentro do código HTML da página, uma nova definição para “caixabranca”, que, caso o navegador seja da linha IE, acaba sobrepondo a definição original, criada para o Firefox. Para isso, eu escrevo, logo abaixo da tag <body>, algo assim:

<!--[if IE]>
   <style>
     #caixabranca {
       background:#fff;}
   </style>
<![endif]-->

Vejam que legal: eu tenho uma espécie de uma TAG com uma função IF, que é condicional. SE eu estiver no IE (qualquer versão), então, ele “roda” o seguinte: abre-se uma folha de estilos, que vai adicionar mais algumas definições de estilo visual ao calhamaço de comandos que eu já escrevi no arquivo CSS principal da página. Mas, ao invés de INCLUIR mais algum item de estilo ao site, eu estou SOBREPONDO o atributo BACKGROUND da UL “caixabranca”. O browser, CASO SEJA DA LINHA INTERNET EXPLORER (IE), vai ignorar aquela minha definição de cor RGBA (que só ia mesmo funcionar no Firefox), e vai adotar essa nova definição, em cor RGB, sem o atributo de opacidade, e pintar o fundo da caixa de branco. Como assim “branco”? Ora, as letras “#FFF” são o código hexadecimal para aquele “255,255,255”, em números decimais, que vimos no trecho anterior de código. Para os mais leigos: "FFF" e "255,255,255" são a mesma coisa, dita de jeitos diferentes. O fundo vai ser branco, só que não terá transparência. Por isso os usuários de IE não devem estar vendo a tal transparência enquanto lêem isso.

Só para esclarecer: se eu não redefinisse a cor de fundo para RGB "FFF", ela continuaria sendo aquela anterior, a RGBA, e como estamos falando de browsers IE, e eles não entendem as cores RGBA (para eles, simplesmente não existem), o fundo desta caixa de texto seria completamente transparente, e o texto ficaria aparecendo diretamente sobre a imagem de fundo do site. Como a tal imagem é escura e espalhafatosa, e as letras do texto são pretas, ninguém iria conseguir ler nada. Então, colocando a condicional, se o site rodar em qualquer Internet Explorer, eu perco o efeito de semitransparência, mas não perco o leitor.

Até aqui, demos fim a uma boa parte do problema. O nosso site já roda de forma satisfatória no Mozilla Firefox, no Internet Explorer 7 e no I.E. 8. Provavelmente, rodará no 9 ou no 10, quando eles surgirem. Algumas pessoas vêem o fundo semitransparente, e outras, o fundo branco. Mas todas conseguem ler o site. Só que ainda existem aqueles usuários condenados a usar o Internet Explorer 6, e eu não gostaria de perder esses leitores. Quero eles, também, lendo e comentando!

No IE6, o site dá problema porque a margem de 10px à esquerda da caixa empurra ela “para o lado” um pouco mais do que deveria, simplesmente porque 10 pixels parecem ser bem maiores para o IE6. Como a largura da caixa permanece a mesma, ela não cabe no espaço que sobra, e acaba “caindo” para baixo do menu, que deveria ficar ao lado dela. Todo o planejamento visual do site vai para o beleléu. Mas nós ainda podemos escrever um trecho de código exclusivo para o IE6, logo abaixo desse outro que acabo de descrever:

<!--[if IE 6]>
  <style>
     #caixabranca {
       margin:0 0 0 5px;
   }
  </style>
<![endif]-->

Vejam que eu não mexi mais no Background, porque ele já havia sido alterado pela condicional anterior. Ou seja: se o browser for QUALQUER Internet Explorer, altera-se a cor de fundo. Mas se ele, ainda por cima, for logo o IE 6, então mais algumas coisas serão mudadas além do fundo. No caso, eu altero a margem de 10 pixels da esquerda para apenas 5. No caso do meu site, foi o que bastou para que todos os problemas sumissem. Com certeza, seja em que browser for, ele deve estar aparecendo de forma legível. Alguém pode até não gostar das minhas escolhas de cores, ou do excesso de elementos gráficos, coisinhas que se mexem, ou o que seja. Mas tirando o mau gosto, e falando tecnicamente, o site está bom.

Depois destes trechos de código, como já estamos dentro do BODY da página, basta prosseguir normalmente e usar os elementos definidos no CSS e redefinidos, caso o navegador seja diferente daquele que estamos usando como parâmetro. As coisas se ajustarão automaticamente, dependendo do browser utilizado por cada visitante.

Também dá para usar JavaScript para detectar qual o browser utilizado pelo visitante. Não dá para fazer isso com PHP ou ASP, antes que perguntem, porque essas linguagens executam seu código no servidor, e o browser e suas informações estão do lado do cliente. Quando um código PHP gera um resultado qualquer em HTML, CSS e tudo mais, esse resultado vai pronto para a máquina do cliente, e não executa lá, nem opera detecções e exames nela. Mas JavaScript executa no cliente, e portanto pode interagir de forma direta com o browser dele, inclusive levantando dados sobre o programa. Mas, por hora, calma. Veremos isso em outro post. Até lá!

Eu tenho um Lada Laika. Diante da raridade deste carrinho russo, e da dificuldade de se arranjar peças originais para ele, o jeito é colocar peças de carros nacionais. Algumas exigem algum tipo de adaptação, enquanto outras são simplesmente idênticas. Resolvi então publicar aqui no blog minhas descobertas na certeza de que minhas experiências podem ser úteis a outros donos de Lada pelo mundo a fora.

Agora, um assunto aparentemente banal: tampas do sistema de arrefecimento do carro.

O Lada tem três tampas que são de primordial importância: a do radiador, a do reservatório do radiador, e aquela tampa que fica em cima do motor, por onde se coloca óleo.

Perder uma dessas tampas é bem fácil: basta abrir em um posto de gasolina, ou coisa assim, à noite, e deixar cair. Como são tampinhas de rosca, ou com encaixe, e estão ali apenas para tampar mesmo, o sujeito enjambra com uma tampa de outra coisa qualquer. Funciona. Mas só até o dia em que a jabureca ferver em um engarrafamento a caminho da praia.

O ideal é não enjambrar. Mas encontrar tampas para um Lada às vezes parece missão impossível. Só que não é, e na verdade é mais fácil do que se possa imaginar.

Todas as tampinhas do motor do Lada são exatamente as mesmas do Fiat 147. Não é preciso bater, forçar nem "magaiverizar" nada.

O meu Lada veio com tampas enjambradas (a do reservatório, era de uma garrafa de água sanitária), e eu já havia ouvido falar dessa história das tampas do 147. Não tive dúvidas: parei no ferro-velho perto de casa, e fiz meu "transplante" de tampinha. O encaixe não é "parecido" - é igual. É o mesmo. Parece peça original.

Eu tenho um Lada Laika. Diante da raridade deste carrinho russo, e da dificuldade de se arranjar peças originais para ele, o jeito é colocar peças de carros nacionais. Algumas exigem algum tipo de adaptação, enquanto outras são simplesmente idênticas. Resolvi então publicar aqui no blog minhas descobertas na certeza de que minhas experiências podem ser úteis a outros donos de Lada pelo mundo a fora.

Outro dia, falei aqui que o Lada aceita uma tampa do distribuidor bastante ordinária e comum, que custa uns vinte reais e tem em qualquer lugar. Isso levou muita gente a pensar que os cabos de vela também seriam "qualquer coisa", o que não é verdade.

Primeiro, porque lá na tampa do distribuidor, é preciso colocar conectores em forma de "cachimbo", e não retos, senão os cabos ficariam sempre sendo forçados, já que eles partem em sentido lateral, e não reto, a partir do distribuidor. As velas ficam, horizontalmente, até um pouco abaixo dele.

Segundo, porque lá na hora de prender nas velas, não há muito espaço disponível para cabos de vela "bicudos", como por exemplo, os do motor AP (da VW), com aquela frescurinha metálica protuberante na ponta do cabo. É preciso ter um cabo, então, com as pontas simples.

Bom. Temos um cabo que tem um lado em forma de cachimbo, e o outro com as pontas simples. Já fica complicado encontrar um que sirva. Mas ainda há um agravante: como a distribuição é lá na ponta da fileira de cilindros, os cabos não podem ser muito curtos.

Depois de furungar um pouco aqui na autopeças perto de casa, encontramos o modelo que serve perfeitamente: os cabos de vela do Fiat Palio.

Isso mesmo: cabos de Palio. Qual Palio? Ora, qualquer um! Acho que todos usam o mesmo! Aquele Palio normal, ano 2000, pouco antes ou pouco depois.

Eu tenho um Lada Laika. Diante da raridade deste carrinho russo, e da dificuldade de se arranjar peças originais para ele, o jeito é colocar peças de carros nacionais. Algumas exigem algum tipo de adaptação, enquanto outras são simplesmente idênticas. Resolvi então publicar aqui no blog minhas descobertas na certeza de que minhas experiências podem ser úteis a outros donos de Lada pelo mundo a fora.

Eu recentemente comprei um Lada que precisava ser totalmente restaurado para ficar bom, utilizável, ou razoavelmente merecer ser chamado de "carro". Uma lata velha, para resumir.

Bom. Levei ele ao Coelho para mexer na mecânica, ao Zoinho para fazer a elétrica e ao Jones para dar uma geral nos sistemas de portas e vidros.

Ontem, eu tinha que levar a família de Viamão, na região metropolitana de Porto Alegre, até Xangri-Lá, no litoral norte gaúcho. Embarcamos no Lada, sem muita certeza sobre se isso era uma boa idéia. Rumamos ao leste, para Capivari do Sul, então dobramos para o Norte, direto para Osório. De lá, demos uma nova "quebrada" ao leste, em direção à Estrada do Mar. E dela, para o acesso à praia.

O carro passou no teste. Saímos no final da tarde, e, já durante a noite, meu Lada vermelho aportou calmamente, como um tijolo com rodas, sobre o asfalto pontilhado por areia de praia das ruas de Xangri-Lá. Foi uma viagem sem grandes sobressaltos, com a estrada mais ou menos vazia. Não apenas foi, como voltou: hoje de madrugada, saí de Xangri-Lá, passei por Osório, Capivari, Capão da Porteira, Morro Grande, Águas Claras e finalmente, estou aqui no Centro de Viamão - afinal, alguém tem que trabalhar por este país. Não eu, claro, que só trabalho para botar dinheiro no meu bolso.

Ainda me falta encher o tanque e calcular o consumo médio do carro. Mas de uma coisa posso dar certeza: trata-se de um carro bem mais suave do que eu imaginava que seria.

Eu tenho um Lada Laika. Diante da raridade deste carrinho russo, e da dificuldade de se arranjar peças originais para ele, o jeito é colocar peças de carros nacionais. Algumas exigem algum tipo de adaptação, enquanto outras são simplesmente idênticas. Resolvi então publicar aqui no blog minhas descobertas na certeza de que minhas experiências podem ser úteis a outros donos de Lada pelo mundo a fora.

Alternador. Para quê serve um alternador? Ora, é ele que transforma parte da energia motriz gerada pelo motor do carro em energia elétrica. Esta energia elétrica deve ser suficiente para gerar um novo ciclo de faíscas que vão incendiar o combustível, gerando mais uma volta do motor, e ainda deve sobrar alguma energia extra, que ficará estocada na bateria do carro. A energia da bateria é aquela que o carro vai usar para dar a partida quando formos sair novamente com jabureca.

Bom. Mas alternadores de Lada são particularmente complicados de achar. Felizmente, essa é uma das peças mais universais que existem: basta que seja possível ligar a polia do alternador, por meio de uma correia, ao motor. E do outro lado, basta que seja possível ligar os fios, o que é bem simples, porque normalmente usa-se conectores comuns ou se dá uma “enroladinha” na ponta metálica do fio. Nada que qualquer um capaz de enjambrar um fio de antena atrás de uma TV velha não saiba fazer.

De modo que há casos de Ladas com alternadores de Corcel, dentre outras possibilidades. Eu estou bem feliz, com outra opção bem em conta: Escort Hobby. Isso mesmo: ache um Escort Hobby no ferro velho e pegue o alternador. Ou, mais recomendável, vá a uma autopeças e compre. Não é caro. E tem em qualquer esquina.

Eu tenho um Lada Laika. Diante da raridade deste carrinho russo, e da dificuldade de se arranjar peças originais para ele, o jeito é colocar peças de carros nacionais. Algumas exigem algum tipo de adaptação, enquanto outras são simplesmente idênticas. Resolvi então publicar aqui no blog minhas descobertas na certeza de que minhas experiências podem ser úteis a outros donos de Lada pelo mundo a fora.

Em mais um episódio da nossa saga ladística, eu estava enfrentando um problema bastante grave com o meu quadrado russo: ao pisar fundo na embreagem, a caixa se mexia –e o motor junto, por conseqüência.

Além disso, o carro tremia um pouco quando se debriava para trocar de marcha. Havia ainda o risco de o conjunto todo se soltar dentro do compartimento do motor na parte da frente do carro, girando em torno do eixo central e causando um enorme estrago.

Eu tinha que trocar os calços quebrados da caixa e do motor. Deixei a tarefa nas mãos de um mecânico que, para mim, é um dos melhores de Viamão – o Coelho, que tem uma oficina no bairro Pró-Morar (o famoso “Elo Perdido”, como alguns moradores chamam).

Só que nós estamos falando sobre um Lada, então, os tais calços não existiam na autopeças da RS 040. Mas para o mecânico McGyver, nada é problema. Os calços de motor e caixa do saudoso Opalão resolveram nosso problema com galhardia. Além de serem baratos, são fortíssimos. Nada no carro treme, e o motor roda paradinho no lugar dele. Lindo. Lindo. Palmas!

Eu tenho um Lada Laika. Diante da raridade deste carrinho russo, e da dificuldade de se arranjar peças originais para ele, o jeito é colocar peças de carros nacionais. Algumas exigem algum tipo de adaptação, enquanto outras são simplesmente idênticas. Resolvi então publicar aqui no blog minhas descobertas na certeza de que minhas experiências podem ser úteis a outros donos de Lada pelo mundo a fora.

Anteontem, me vi às voltas com um problema meio complicado: meu Lada estava dando umas falhadas. Só que nenhuma das velas estava torrada, e os cabos de vela pareciam em boas condições.

Ao testar a corrente elétrica liberada pelas pontas dos cabos de vela, percebi que um deles estava soltando uma faísca muito fraca, quase imperceptível, que ás vezes nem vinha. Então, com mais alguns testes, deu para achar o problema: a faísca estava saindo fraca da própria tampinha do distribuidor.

Analisando a tal tampa, percebi que os carvões estavam bastante gastos. Ou seja: hora de comprar outra tampa do distribuidor. Mas em se tratando de um Lada, havia um grande problema: onde conseguir essa peça?

Pesquisei na Internet. Uma tampa bastante usada foi anunciada no Mercado Livre, por 35 reais. Já a peça nova, aparecia no site Casa do Lada por R$ 55,00.

Mas como eu tinha pressa de arrumar logo o carro, fui hoje cedo até a autopeças mais próxima e, chegando lá, arranquei a tampa do meu distribuidor, para comparar com as outras na loja, na esperança de achar uma boa peça de substituição.

Acabei comprando uma tampa de distribuidor do mesmo modelo utilizado no motor AP dos antigos Santana, Passat, Gol, Parati e Voyage. Aliás, a mesma usada por outros carros nacionais do tempo do guaraná de rolha. Uma tampa de distribuidor ordinária que me custou exatos 20 reais.

Não apenas a peça encaixou sem nenhuma necessidade de adaptações, como ainda por cima, o carro saiu rodando que é uma beleza. Fica a dica para quem precisar!

No último final de semana, eu e meu pai fizemos uma gambiarra envolvendo um no-break comum de computador e um enorme camionetão GM.

Meu pai deixou a Blazer dele parada, com as portas abertas (e portanto as luzes internas ligadas) e um aspirador de pó ligado direto na bateria da camionete. Claro que ela morreu, e o carro não queria mais pegar. A questão, então, era a seguinte: poderíamos tentar empurrar o carro ou fazer uma “ponte” do meu carro para o dele. Mas como é que dois caras vão empurrar uma Blazer, que deve pesar umas duas toneladas, num terreno plano? E como é que o motor do meu Corsinha vai produzir energia suficiente para dar uma ponte no gigantesco 6 cilindros da Blazer?

A solução do problema: nós tínhamos um no-break, desses que se usa para ligar computadores e salvar arquivos em caso de falta de luz. O no-break tem dois cabos que vão ligados em sua bateria, a qual é carregada quando a casa tem luz, e é utilizada quando falta.
Isso significa que:
1 – O no-break é capaz de converter a corrente alternada a 220 volt para uma tensão menor, em corrente contínua.
2 – Se é capaz de carregar uma bateria, como faz o alternador do carro, o no-break poderá também fornecer energia a um motor para dar arranque, como faz o alternador do OUTRO carro quando se faz uma ponte.

Seguindo a lógica, ligamos os fios de saída em corrente contínua do no-break na bateria da Blazer do meu pai, e DÊ-LHE VIRAR ARRANQUE. Incrivelmente, o carro pegou. Só que os cabos do no-break ficaram MUITO, mas MUITO quentes. Não daria para manter a ligação nem por mais 10 segundos, ou eles corriam o risco de torrar. Trata-se, portanto, de um procedimento que exige algum cuidado.