Leandro Medeiros

Archive for the ‘Trabalho’ Category

PCDTR – Substituindo texto por imagem

In CSS, Internet, Trabalho on dezembro 17, 2008 at 11:02 pm

Venho utilizando muito o script PCDTR – versão melhorada por um brasileiro – para realizar a tarefa de substituir texto por imagem (técnica chamada de “Dinamic Text Replacement) em títulos das páginas dos sites. Eu uso ele no meu site também. A vantagem desse recurso é que você pode usar a fonte que escolher, inclusive aquela que você tem certeza que o usuário não vai ter instalada no computador.

O trabalho dele é transformar a fonte, que deve estar dentro da pasta especifica, em imagens PNG, letra por letra. O resultado é ótimo, já que o fundo permanece transparente e tudo é ajustado por CSS, inclusive a formatação do texto. Interessante também é poder usa-lo em corpo de texto, apenas adicionando no CSS a classe que está usando, como eu estou fazendo nesse site que não fiz o design mas estou finalizando na agência.

Ah! como o script é em PHP – e posso até estar errado – somente consegui fazer ele funcionar se o arquivo index for PHP. Se alguem conseguir de outra forma, por favor me avise!

Anúncios

Novidades

In Dicas, Internet, Javascript, Novidades, Trabalho on novembro 13, 2008 at 2:37 am

Acabei de finalizar e publicar meu novo site. Lá tem alguns trabalhos meus, apesar de eu ainda estar ajustando alguns detalhes e juntando todo material. Também é possivel acompanhar esse blog de lá.
Foi muito legal fazer esse site pois pude trabalhar com a biblioteca jquery e ver um pouco do que ela é capaz. Utilizei alguns recursos nela e pretendo utilizar ainda mais, mas estou sem tempo pra testar. Uma coisa interessante, é que jquery é realmente bem fácil de usar. Você só tem que dizer que parte dele voce precisa… e os recursos são aos montes. Usei um efeito slide bem legal pras páginas e poderia ter usado também na galeria de fotos, mas resolvi usar esta, que já estava pronto e usa o jquery tb. Bom, por hora é isso. Em relação ao post anterior (e que antigo!), pra quem quiser recomendo uma ótima galeria em flash, que utilizei esses dias num site que montei na Brasdev, o CS Viagens.
Abraços e até logo. Ah, me acompanhe no Twitter!

Galeria de destaques no site

In Dicas, Javascript, moo.fx, Trabalho on julho 20, 2008 at 5:51 pm

Ando procurando a bastante tempo um plugin pra Joomla! que faça o mesmo trabalho visto na maioria dos portais como Terra, Globo.com e Uol, mostrando na página inicial os destaques de conteúdos do site, com controle avançar/voltar e descrição de cada uma. Tinha muita vontade de colocar uma no meu site, mas nao queria criar isso em flash.
Foi lendo um artigo do blog Usuário Compulsivo que cheguei até Jonathan Schemoul, o cara que criou a Smoothgallery, uma galeria feita com mootools que faz justamente o que eu queria. Depois de ver alguns exemplos, baixei e vou utilizar-la no meu site.
Agora só falta adaptar pra utilizar no Joomla!, já que todos os plugins desse tipo existentes são pagos…

Usando IE6 e IE7 ao mesmo tempo

In Dicas, Trabalho on julho 20, 2008 at 5:28 pm

Depois de usar por um bom tempo essa solução, a dias tive que fazer uma formatação no PC e nao queria mesmo ter mais um navegador instalado aqui (mesmo sabendo que tenho que testar sites em um monte deles). Bom, eu ja sabia do Browsershot, um serviço genial que permite que você digite o endereço do seu site, escolha entre dezenas de navegadores e suas versões e tenha as screenshots do site desejado em poucos minutos. Aqui ele levou cerca de 10 min pra mostrar 44 telas, entre versões e navegadores diferente.

Bom, mas isso ainda não resolvia meu problema, pois eu precisava corrigir vários “probleminhas” no IE6 – e quem não testa nele, deveria. Entao, por conta dele, resolvi baixar novamente o MultipleIEs, que contém simplesmente todas as versões anteriores ao IE7. Com ele é possível ter instalado no mesmo computador sua versão atual do IE7 e todas as outras anteriores, sem ter que desinstalar nada. Uma das grandes soluções que eu ja encontrei pra não te forçar a ter um trabalho maior do que deveria com navegadores.

Joomla!: Template limpo (blank template)

In CMS, Dicas, Internet, Trabalho on junho 6, 2008 at 6:01 pm

Refazer trabalho dos outros é sempre mais dificil. Pensando dessa forma, pra quem trabalha com Joomla!, sabe que pegar os templates padrão para modificar é sempre algo muito trabalhoso. Primeiro por que as localizações, paineis e cores já foram definidas e se você precisa mudar alguma coisa de lugar, precisa pensar em não atrapalhar o que já ta por ali perto. Tudo bem que com a ajuda do Firebug, voce consegue achar tudo na pagina, porém ainda sim no meio do processo você pensa: “é.. bem que seria bom se tivesse um template limpinho pra eu começar do zero como fazia antes…”.

A boa notícia é que tem! Um template que não tem nenhuma cor de fonte ou fundo definida, já vem com código validado e ainda alguns outros váris recursos interessantes inclusos!
O Blank Skeleton Template foi criado com uma simples finalidade: permitir ao desenvolvedor fazer seu próprio modelo, do zero. Se ficou curioso, baixe para testar no clicando no link acima.

CMS: Joomla!

In CMS, Dicas, Trabalho, Webstandards on junho 4, 2008 at 6:51 pm

A muito que falo aqui sobre testes com diferentes tipos de CMS (Content Management System, do português “Sistema de Gerenciamento de Conteúdo”).

Pois bem. Hoje vou falar sobre o sistema que mais me agradou dentre todos que testei. O Joomla!, que é uma derivação do agora extinto Mambo, é realmente o mais completo e fácil de lidar entre os CSM. Além de ter uma estrutura de gerenciamento muito intuitiva, ele possibilita a incorporação de componentes e plugins que melhoram em muito sua performance. Na verdade o Mambo é um velho conhecido meu, pois trabalhei com ele durante dois anos, desenvolvendo sites para uma agência web.
Na época que o Joomla! surgiu eu não dei muita importância, mas ele evoluiu muito dende então.

Considerando as necessidades de cada site, o Joomla! é o que se mostrou mais adaptável e simples, desde sua instalação (toda em português do Brasil) e até mesmo em sua diagramação e codificação.Tudo é feito dentro do Joomla!. Você pode editar o código HTML ou CSS, adicionar e remover módulos, criar ou mudar o lugar que cada componente, módulo, ou plugin vai aparecer no site e ainda conta com uma infinidade de módulos, plugins e componentes no site oficial. Além disso existem inúmeros tutoriais na rede ensinando como criar novos componentes, módulos, plugins e temas – chamados de “templates”.

Desde o inicio desde ano o Joomla! está com uma nova versão (1.5) que trouxe melhoras consideráveis, levando o sistema a um nível realmente diferenciado. Pra quem está procurando um sistema dinâmico, seguro e com muitos recursos – além de compatível com os padrões W3C de XHTML e CSS – o Joomla! é uma excelente opção.

Ano novo, site novo!

In Especial, Internet, Novidades, Trabalho, Vida on janeiro 22, 2008 at 3:31 am

É isso ai! Estou com um endereço novo na internet. Meu novo site mostrará artigos relevantes que eu postar neste blog, vai ser uma vitrine para os novos projetos e também contará um pouco da minha história com o desenvolvimento de web sites e criação de identidades visuais. A muito tempo que quero registrar Leoguime.com, mas sempre travava em alguma coisa. Desta vez é pra valer, tá publicado!
O blog aqui continuará como sempre, com meus posts sobre tecnologia, webstandards e outras coisas que eu ache importante.

Estou terminando o site, portanto ele está provisoriamente com uma página de boas vindas com links para este blog e para entrar contato por e-mail. Assim que tiver pronto, deixo o recado aqui pra quem me visita dar uma passadinha lá pra conhecer… rs.

Testes com Plone

In CSS, Dicas, Tecnologia, Trabalho on agosto 24, 2007 at 11:00 pm

A algum tempo, conheci um sistema de gerenciamento de conteúdo (CMS para os íntimos) chamado Plone, que de cara me deixou muito impressionado. Até tenho alguma historia com ele, mas por uns motivos e outros acabei não me interessando em conhecer a fundo a ferramenta naquele momento. Agora, com a necessidade da criação de alguns sites nesse modelo, voltei a procurar ferramentas. Por acaso me lembrei que tinha instalado aqui no meu PC e resolvi fuçar mais… com algumas pesquisas mais diretas na internet, percebi que ele é muito mais personalizável do que eu achava… Nele é possível por CSS (o que é melhor ainda), transformar o visual completamente do site. Comecei a testar alguns “produtos” – como são chamados alguns complementos funcionais do Plone – pra saber quais as possibilidades de adaptação desse sistema construido para servir como portal institucional. Se tudo der certo, o Plone pode ser pra mim o CMS definitivo.

“Background” transparente

In CSS, Internet, pngfix, Trabalho, Webstandards on julho 1, 2007 at 3:40 am

Update: Pura coincidencia ou não, quando recebi o comentario do Vinicios estava trabalhando num projeto que necessitava usar transparência em uma div, mas o conteúdo que estaria dentro dessa div não poderia estar transparente, como acontecia neste post. Então, a solução que encontrei foi colocar o conteúdo em uma outra div e posicioná-la sobre a outra com a transparência. Dessa forma, apenas a div com o código vai ficar transparente. Talvez não seja a forma mais “elegante”… mas funciona!

Depois de algum tempo sem ter o que postar aqui no blog, finalmente achei algo interessante: Transparências. Como muitos já conhecem, para arquivos .PGN, existem alguns hacks e manhas para driblar o problema de transparência do IE. Mas e para “backgrounds”? Isso, imagens transparentes no fundo da página… se você usar uma imagem como background e usar o pngfix por exemplo, essa imagem não vai ficar transparente. Testei isso a muito tempo atrás e já sabia que não funcionava. Então fui à caça de uma solução. A curiosidade me levou a uma descoberta: com CSS é possível usar transparência nas imagens de fundo através de filtros. E isso funciona tanto para o adorado Firefox como pro IE. Na verdade é uma linha pra cada. Sem enrolar muito mais, vou colocar os códigos, que claro, devem ser adicionados ao restante dos atributos para a DIV desejada:

filter:alpha(opacity=30); > para o IE (de 0 à 100).
opacity: .30; > para o Firefox (de 0 à 1.0).

O interessante aqui, que eu gostaria de ressaltar, é que realmente funciona muito bem para os navegadores mais usados. Mas também existem alguns contras… como por exemplo o fato de as imagens que estiverem dentro de uma DIV com filtro ficam também transparentes. Ainda não consegui arrumar uma solução para esse problema mas continuo procurando. Talvez seja algo simples e até óbvio mas ainda não consegui sacar. Vi funcionar certinho em alguns blogs, mas o codigo deles é sempre uma zona. Se alguém souber, comenta aí! Por enquanto é isso. Surgindo novidades aviso aqui.

As três DTDs

In CSS, Referências, Trabalho, Webstandards on janeiro 22, 2007 at 8:33 pm

Estou trabalhando em um site e estava com alguma dificuldade com o posicionamento de alguns elementos do layout. Procurei a respeito e descobri que isso poderia ter relação com as DTDs (Document Type Definition ou Definição do Tipo de Documento). Conversando com um amigo, ele confirmou que realmente o Strict não aceita alguns termos e pode mostrar um resultado ruim, pois é muito mais rígido a algumas regras. Bom, procurei no Oráculo (hahaha) alguma coisa a respeito e achei, um comparativo entre Strict e Transitional simples e direto, mostrando alguns elementos aceitos por um e rejeitados pelo outro. Na sequência achei também um artigo sobre DOCTYPEs no 24 Ways: Transitional vs. Strict Markup muito completo e muito mais organizado. Por último, eu acho legal ler a respeito mais profundamente. Pra isso existe um documento no W3C falando tudo (ou quase) que há sobre XHTML e ainda tem uma tradução para português.
Esses artigos e documentos talvez possam ajudar, como tem me ajudado a escolher o melhor caminho. E que a força esteja com você! hahaha
😛