Rafael V. de Oliveira

O que aconteceu comigo outro dia foi ter uma imagem em SVG, mas precisava mandar para um cliente que fatalmente não iria conseguir abrir.

O SVG, resumidamente, é um formato de imagens do tipo vetor, mas é livre, não é proprietário (tal como .AI e outros). Enfim, de qualquer forma vais precisar que o formato seja em jpeg, png, tiff ou outro formato que seu software consiga trabalhar ou que seja mais universal (abrir no Microsoft Windows, Apple MacOS, Linux’s)

Para converter, é fácil

http://www.fileformat.info/convert/image/svg2raster.htm

Simples, sem a necessidade de se instalar softwares.
Para mais informações sobre o formato SVG, na Wikipédia tem um assunto sobre.

Quem usa o Dreamweaver há algum tempo sabe que o mesmo tem uma função para fazer rollover em imagens. Aquele efeito de quando o visitante passa o mouse por cima da imagem, ela troca para outra.

Primeiro problema é que além do código ser confuso, você acaba por “sujar” seu HTML, tendo que colocar instruções javascript dentro de tags, geralmente no atributo “a” ou no “img”.

O JQuery tem uma forma de fazer exatamente a mesma coisa, porém com um código mais leve e organizado. Sem ter que fazer download de plugins nem colocar instrução nenhuma de javascript no seu HTML.

Fácil assim:

$('img.rollover1').hover(function() {
$(this).attr('src', base_url+'public/imagens/backoffice/up_on.gif');
},
function() {
$(this).attr('src', base_url+'public/imagens/backoffice/up_off.gif');
}
);

Lembrando que img.rollover1 você pode trocar pela class da sua imagem. E lógico, o caminho das imagens também

Seu HTML ficará assim

<a href="#"><img class="rollover1" src="imagem_original.gif" alt="" /></a>

Muito mais simples.
Em outro post, eu explico como fazer o autocarregamento das imagens, que o Dreamweaver teima em colocar dentro da tag body (!!!)

É sabido que o Internet Explorer 6 não suporta png. Muitas vezes temos sites que precisamos do png para gerar transparências. E converter para gif os png as vezes não fica tão bonito quanto esperávamos.

O que fazer? Upgrade para o IE7? Firefox. Se todas as perguntas do ie6 fossem respondidas assim, estaríamos bem melhores, confesso!

Para todos aqueles que não podem responder isso (eu sou um destes), aqui vai uma dica que funciona.

Neste link ensina passo-a-passo como fazer. Aqui vou fazer uma tradução do original e colocar minhas experiências.

Primeiro, faça o download do zip. Este link vai direto pro zip. Depois de descompactar o arquivo, copie os arquivos iepngfix.htc e blank.gif para a pasta do seu website.
Caso o arquivo blank.gif não esteja na mesma pasta do iepngfix.htc, edite-o atualizando a variável blankImg. Está perto da linha 15.
Depois, dentro do seu html, coloque as seguintes linhas de estilo:

img {
behavior: url(iepngfix.htc);
}

Caso precise para apenas alguma imagem específica, basta adicionar a classe correspondente.

E é só.

Não sei o motivo, mas algumas vezes quando faço download via ftp utilizando o Filezilla, os arquivos vêm com linhas duplicadas. Isso é um saco, pois alem de aumentar o tamanho do arquivo, deixa a procura por partes mais difícil!

Procurando um pouco na net, achei este link, onde ensina, usando expressões regulares, como dar a volta neste problema.

Utilizando o Dreamweaver, basta ir ao Find & Replace, marcar a opção “Use regular expressions” e preencher com os seguintes dados:
Find: \s*[\r\n]
Replace: \n

E tá feito o trabalho!!! Muito boa a dica!

Pra quem desenvolve websites, sabe o tamanho da dor de cabeça que o IE6 nos traz. E muito provavelmente sabe que o Windows Vista não dá a opção de instalar o IE6. Só a versão 7, que já vem embutida.

Algumas soluções indicam instalar uma máquina virtual com o Windows XP. Desculpe lá, mas pra mim não valeria a pena o carregamento excessivo só por causa disto.

Uma solução mais apropriada, é a instalação deste programa, o IETester.
Tem alguns bugs, mas faz o que precisa, que é a renderização do conteúdo no IE6 e 5.5.

Existe o MultipleIEs, porém até a data deste post (11/11/2008) não era compatível com o Vista.

Abraços e até mais.

Muitas vezes precisamos setar um div em nosso html com a altura de 100%.

Apenas colocando o valor do height para 100% na maior parte dos casos não funciona. O truque mais comum é setar o html e o body como height: 100%.

html, body {
height: 100%;
}

Infelizmente esse truque pode trazer efeitos colaterais, tais como deixar seu conteúdo enorme, muitas vezes desnecessariamente.

Depois de algumas buscas, encontrei essa solução, chama-se método FauxCollumns. O primeiro que achei usava o recurso de imagens, o que lógico, não me agradou.

Já o método que coloco aqui, felizmente não usa

O CSS da seu html continua o mesmo. O que vc deve fazer é colocar todo conteúdo do site numa div, neste caso eu chamei de pagina. Fica a seu critério. E dentro desta div colocar o atributo overflow: hidden.

Depois, na div que deve conter o height 100%, coloque margin-bottom e padding-bottom números enormes (unidade de medida: em).

O código fica assim

#pagina {
width: 994px;
margin: 0 auto;
overflow: hidden;
}
#menu_lateral {
padding-bottom: 1000em;
margin-bottom: -999.5em;
}

Repita o procedimento do margin e padding para todas as divs que devem se comportar como 100%. O código foi testado nos seguintes browsers:

• MS Internet Explorer 6
• MS Internet Explorer 7
• Mozilla Firefox 3
• Opera 9.62 para Windows
• Internet Explorer para Mac
• Google Chrome

A grande vantagem que o código é validado pela W3C.

Abraços e até a próxima!

Olá.

Muitas vezes precisamos invocar métodos javascripts dentro de páginas de vieram de uma chamada AJAX. Como utilizo o Prototype e Scriptaculous, quebrei um pouco a cabeça por falta de atenção. Muitas pessoas também tiveram esse pequeno erro por não utilizar corretamente o framework.

Na verdade é bem simples, é apenas um parametro da chamada.

Por exemplo, temos este cenário:
- Um chamada em Ajax
- A página que será exibida precisa envocar alguma coisa da própria página. Própria dela
- Após está chamada, o método não precisa ficar disponível para outras funções.

Temos o seguinte código

<script type="text/javascript">
window.onload = function(){

  listaSubmit = function()
  {
    $('listagem').innerHTML = '<p id="carregando" align="center"><img src="imagens/ajax-loader.gif" />Carregando';
    var target = 'listagem'; //target div
    var url = 'listagem.php'; //url to processor
    var pars = Form.serialize('ordenacao');
    var myAjax = new Ajax.Updater(target, url, {asynchronous:true, method:'post', parameters:pars, evalScripts:true, onComplete: aparecer() });
  }
}
</script>

Viram na variável myAjax a opção evalScripts: true. É ela que faz a mágica e a que eu estava esquecendo. Agora dentro de listagem.php, você pode tranquilamente fazer chamadas javascripts sem problemas

Olá a todos.

Depois de um tempo, vou escrever aqui no blog minha experiência em Portugal. Para quem não sabe, estou a morar em Portugal desde 24 de junho de 2008. Hoje, dia 26, estou escrevendo para postar o que está acontecendo de bom

Primeiro foram as 8 horas de viagem de avião. Extremamente cansativas. Parecia que fui de cabrita! Turbulência o tempo todo. Mal deu para ler o livro de levei (A menina que roubava livros. Pelo começo, parece ser um livro interessante). Sai do Brasil quase 18:00. Cheguei em Lisboa às 07:00.
Aí veio o meu primeiro susto. Eu não tinha visto para entrar em Portugal. E de turista não iria adiantar, visto que estava a ir para uma cidade que não é ponto turístico. E foi exatamente isso que o policial do SEF (Serviço de Estrangeiros e Fronteiras) disse. O motivo de eu estar indo para Setubal (onde fica meu hotel), pq eu viajei sozinho, o que vinha fazer, etc…. Mas depois ele olhou bem nos meus olhos e bateu o visto e mandou eu seguir meu caminho.

Depois foi tudo tranquilo. 50 euros de Lisboa até Setubal de táxi. Achei caro, mas fazer o que? Ah, todos os taxistas andam de Mercedez Benz. Alias, todas as cidade que vi, é muito frequente ver carros de luxo. BMW, Audi, Renault, Peugeot são as marcas mais frequentes aqui. Fiat não é muito popular. GM não existe, é Opel. E os modelos são um pouco diferente. O novo corsa é lindo, muito mais bonito que o do Brasil.

Cheguei no hotel, muito bom. O pessoal daqui é bem receptivo. Mas até, estou pagando, não? Obrigação é deles!
Mas seria injustiça falar que o povo português é diferente. Todos aqui são muito receptivos! Sempre que precisei de ajuda, fui atendido. O sotaque é muito engraçado. Não consigo falar perto disso nem um pouco!

Fui conhecer a empresa onde vou trabalhar no dia 25. Tudo muito familiar, um clima bem intímo. A empresa fica em Almada, muito longe de Setubal, onde está o hotel. Mas amanhã estou de mudança para um quarto, bem mais perto. Só para ter um idéia, são 50km de Setubal a Almada. 2 horas de viagem de caminhonete (ônibus aqui).

Hoje fui trabalhar de fato. No caminho percebi uma coisa. Não tem mulher mais bonita que as brasileiras! Aqui parece um ninho de feiúra. Mas enfim! O serviço foi tranquilo, dá pra fazer de boa!

Cheguei no hotel, depois de uma viagem de 2 horas, na qual metade passei dormindo!
Aqui anoitece muito tarde, então logo mais eu vou aproveitar! Mesmo pq se tudo der certo, hoje é meu último dia em Setubal. Cidade bonita, mas sem muito movimento. Vou ver se Almada é diferente.

Sábado vou ver se vou para a praia. É muito difícil dormir aqui. Tudo é solidão, pois não conheço ninguém, não sei de nenhum lugar. Bate uma tristeza tremenda. Foram várias vezes que pensei em voltar para minha gente. Porém sobrevivi um dia. Outros virão. A vida é isso mesmo!

Hoje comi sardinhas no almoço. Pelo que vi, essa é a comida típica daqui. Se continuar assim, vou perder peso logo mais! Que bom não? Só que a sardinha tem outro gosto. Muito mais gostoso!!! Nem em sonho se compara com o gosto da sardinha do Brasil. Não sei se é o modo de preparo, ou o molho, mas fato é muito bom!!!!

Vou tentar escrever sempre aqui. As novidades podem acompanhar por cá mesmo!!

Um forte beijo para todos. Saibam que estou morrendo de saudades de todos!!! Muitas mesmo!!!

Olá galera.

Faz um tempo que não escrevo nada. Tá tudo muito corrido aqui. Mas enfim

Para quem não sabe, o KOHANA é um framework derivado do Codeigniter, mas feito só para PHP5. Os dois são ótimos, ainda utilizo o Codeigniter para produção, ainda não dá pra largar de vez para usar o KOHANA, é um framework muito novo e precisa amadurecer ainda.

Uma coisa que gostei foi o fato de usar ORM (Object Relation Mapping, e não Olimpiada Reginal de Matemática). É uma técnica que consiste em transformar db em objetos, resumidamente. Tem algumas vantagens. E para trabalhar no KOHANA com isso, é tranquilo demais.

O model deve seguir desta forma:

class Blog extends ORM
{

}

Vamos supor a seguinte situação:
- Tabela blogs, onde eu tenho os seguintes campos: id e nome;
- Quero listar TODOS os blogs cadastrados e;
- Quero listar os blogs que tem o nome igual a ‘teste’.

class Blog_Controller extends Controller
{

  public function todos()
  {
    $blogs = new Blog;
    $todos = $blogs->find_all();
    print_r($todos);
  }

  public function teste()
  {
    $blogs = new Blog;
    //by_campo, que neste caso é nome do blog
    $teste = $blogs->find_all_by_nome('Teste');
    print_r($teste);
  }

}

Fácil né? Essa é a intenção!! Minimizar ao máximo o tempo gasto com programação e deixar o desenvolvedor focado no comportamento do programa.

Saiu no IDG Now!

Vamos ver o que vai acontecer daqui pra frente. A Sun teve sempre uma preocupação com OpenSource e suas vertentes. Quem conhece a Sun sabe disso. Então dá pra esperar coisas boas desta compra.

Fonte: IDG Now!

A Sun Microsystems pagará um bilhão de dólares para a companhia sueca de software MySQL, cujo banco de dados em código aberto é usado por alguns dos sites mais populares do mundo.

A Sun afirmou que o acordo melhorará sua posição no mercado de TI corporativa, parte de um mercado de banco de dados avaliado em 15 bilhões de dólares.

O linha de produtos da MySQL ajudará a Sun a dar maior suporte à plataforma de código aberto online LAMP, acrônimo para o sistema operacional Linux, o servidor web Apache, o banco de dados MySQL e as linguagens de programação PHP/Perl.

A força do MySQL nas ofertas de software como serviço - onde aplicações são oferecidas pela internet por um navegador - também são um acréscimo, afirma a Sun.

Bancos de dados são cruciais para aplicações online que ofereçam os mais amplos serviços, de e-commerce a redes sociais.

A Sun pagará 800 milhões de dólares em dinheiro e 200 milhões em opções de ações.

A compra da Sun acaba com a especulação de que a MySQL poderia se tornar uma companhia pública ao abrir seu capital para investimentos em um IPO.

O MySQL se tornou um competidor formidável para outros sistemas de banco de dados relacionáveis de companhias como Oracle e IBM. O próprio banco de dados é gratuito para ser baixado por usuários, e o MySQL ganha dinheiro oferecendo pacotes de suporte.

Com a compra, o CEO do MySQL, Marten Mickos, entrará na equipe executiva da Sun e o MySQL será integrado à divisão de Software, Vendas e Serviços da empresa, com planos de ser otimizado para rodar nos sistemas GNU/Linux, Windows e OpenSolaris.

A companhia afirmou que planeja criar uma equipe para integrar o MySQL, que tem cerca de 400 funcionários em 25 países, em suas operações.

A Sun disse ainda que ganhará nova distribuição em companhias como Intel, IBM e Dell pela relação que já tem com tais empresas.