Ronildo Costa - Joomla - CSS - Tecnologia - Profissional de Joomla

Acabei de fazer um código para deixar a paginação do Joomla mais bonita, como ando mexendo muito com o Bootstrap do Twitter, resolvi fazer uma versão que funcionasse com o Joomla.

O resultado ficou bem simples, dois arquivos.

1. pagination.php
   1. Apenas coloque-o dentro da pasta HTML do seu template.
2. pagination.css
   1. Coloque o arquivo dentro da pasta css do seu template, e também faça uma chamada dentro do index.php do seu template.

Isso mesmo, é simples assim :-)

Para facilitar ainda mais todo o código está no meu github, onde qualquer um pode baixar e fazer a alteração que quiser.

ps: Por favor comentem com as dificuldades e dúvidas de como usar, ok??
E também ficarei bem feliz em ver os links de sites de quem usar :)

Fato! sempre associamos mudança com perdas, e estamos diante de uma grande. O Joomla 2.5 está vivo e engolindo o Joomla 1.5, e chegou a hora de passarmos por um processo de mudança assim como passamos do Joomla 1.0 para o 1.5.

E por que, estou falando disso?

Por que no presente momento, vejo muita gente iniciando projetos ainda com a versão 1.5 do Joomla, e não vejo isso com bons olhos. Como mencionei no post anterior a vida útil do Joomla 1.5 está muito perto do fim - no momento que escrevo esse post, restam apenas duas semanas - e com isso todo o suporte do core não existirá mais.

Isso também me leva a dizer, que praticamente todas as grandes extensões de Joomla, como JCE, K2, Virtue Mart, Akeeba Backup, sh404SEF, já foram migradas para a versão 2.5, não restando nenhuma desculpa para ainda utilizar a versão 1.5, já que até mesmo conhecimento não seria necessário já que pouco se evoluiu em termos de aprendizado.

O único impedimento que eu vejo é a migração, que não é tão suave quanto deveria ser, mas também não é nada de outro mundo.

ps: Até eu que sou muito conservador já estou utilizando-o em projetos novos :)

O Joomla 2.5 foi lançado há pouco mais de um mês, e neste artigo vou mostrar o que muda pra nós usuários e amantes dessa maravilhosa ferramenta. Muitas novidades foram adicionadas, algumas boas, algumas ruins... vou dar minha visão sobre algumas que julgo mais importante. Também comentarei quais as perspectivas das próximas versões do Joomla.

Novidades

• Nova funcionalidade de busca
  • Baseado num componente que já existia o Finder, o time de desenvolvimento do Joomla introduziu no core essa nova funcionalidade, é uma busca muito mais completa, além de ter funcionalidades como busca assincrona por ajax e autocompletar palavras.
• Atualizador de versão nativo
  • Sim, agora o Joomla tem um atualizador de versão nativo assim como no WordPress e outros CMS's. Essa funcionalidade serve tanto pro Joomla quanto para as extensões instaladas no seu site.
• Captcha
  • Agora no core do Joomla foi instalado um plugin nativo para Captchas, facilitando muito o uso na construção de um formulário.
• Novos métodos para inserir imagens e links ao texto
  • Isso foi uma funcionalidade que não me agradou muito, acho que dificulta mais do que ajuda os usuários mais leigos, pois já estão acostumados a fazer de uma forma. E por achar que não vai ser uma funcionalidade muito usada, será apenas mais código sem uso.
• Nota pra item de menu
  • Essa funcionalidade não me desagradou e nem me agradou, pois pra mim é mais uma coisa adicionada que terá um uso pífeo, básicamente você pode adicionar uma explicação pra que o menu serve, em caso que você venha a esquecer saberá depois.
• Override de arquivos de liguagem
  • Assim como ocorre nos templates desde a versão 1.5 do Joomla agora você pode sobrescrever qualquer string de liguagem, é boa funcionalidade, ajuda para quando é necessário fazer alterações sem precisar mexer diretamente no código.
• Notas para usuários
  • Assim como é possível adicionar notas para os menus, é possível adicionar para usuários, eu vejo com bons olhos essa nova funcionalidade, pois você pode básicamente escrever um sumário do autor e mostrar onde quiser, como se fosse um perfil do autor.
• Imagem pro site quando estiver offline
  • Mais uma das funcionalidades que serão pouco usadas.
• Melhorias na parte de SEO
• A última e a melhor de todas: Supporte pra Multi Banco de Dados
  • Sim finalmente o Joomla é multibanco de dados, desde quando comecei a trabalhar com Mambo/Joomla em 2004 que ouço falar disso. Bom como não usei essa funcionalidade e acredito que nunca vou usar não posso opinar muito.
• Essas pra mim foram as principais, caso queira ver outras novas funcionalidades, segue o link do lançamento oficial do Joomla!

Os Prós

• Com a nova funcionalidade de atualização por um click, tudo muda no paradigma de atualizar um site em Joomla, sim... isso sempre foi muito trabalhoso e as vezes até inviável devido a complexidade (pois é, ainda existem sites rodando Joomla 1.0).
• Ciclo de desenvolvimento, isso já faz tempo que mudou, mas é muito gratificante ver que o time de desenvolvimento está seguindo a risca o cronograma de desenvolvimento, muitos que já trabalham com Joomla há bastante tempo, sabem como isso foi complicado no passado, nunca sabiamos quando sairia uma nova versão.
• Framework, cada vez mais o Joomla facilita a vida dos devs, com a camada de framework já introduzida na versão anterior o desenvolvimento pra Joomla seguirá um novo patamar o de aplicações e não apenas sites, assim servindo conteúdo através de webservices.

Os contras

• Sim nem tudo é um mar de rosas, e o mesmo é a migração da versão 1.5 para 1.7, na minha modesta opinião o próprio core do Joomla deveria intervir e desenvolver uma ferramenta de migração do Joomla para as versões mais novas, eu por exemplo não optei para atualizar o meu blog para o Joomla 1.6/7 por entender que não havia nenhum ganho pra mim, e que também essas seriam versões de transição, agora sei que vou ter uma versão estável e de longo suporte, porém não tenho uma forma simples de migrar meus dados (mas isso é papo pra outro post).
• Funcionalidades poucos úteis, o Joomla sempre foi considerado um CMS inchado com muitos recursos, e parecem que o time de desenvolvimento não dá a mínima pra isso e continua colocando funcionalidades sem um estudo para ver o quando aquilo será útil. Simplesmente por que foi feito e funciona eles colocam dentro do CMS. Ao me ver isso é prejudicial, pois são funcionalidades que apenas 1 ou 2 % dos sites que usam Joomla vão poder desfrutar dessas funcionalidades pífeas.

E o que muda pra nós meros mortais?

Agora começa mudar muita coisa, uma das principais pra mim é o fim do suporte a versão 1.5, até então a única versão estável do Joomla.
Não há pra onde correr, o ciclo de desenvolvimento e manutenção do Joomla 1.5 encerra-se no dia 11 de Abril de 2012, ou você atualiza os sites ou você vai ter sites passíveis de invasão.
E no meu caso que tenho pelo menos 15 sites desenvolvidos em Joomla 1.5? Bom.. é arregaçar as mangas e trabalhar.

Um horizonte bom na nossa frente são as atualizações por um click que eu mencionei mais acima, isso pelo menos um encorajador.

Sim novamente começa a história de todas as extensões serem atualizadas, no presente momento que escrevo esse artigo, já não encontro mais dificuldades para encontrar ferramentas compatíveis com a nova versão do Joomla, mas ouço muita gente reportar que não encontram o que preciso para a versão mais atual.

Futuro, para onde segue o caminho?

Há pouco tempo atrás li uma entrevista do líder do time de Usabilidade do Joomla, e o mesmo informou que as próximas versões do Joomla serão focadas em melhorar a usabilidade.
Bom já era tempo, acho que já está na hora de abandonar essa interface de administração feita em 2003 (ou antes), isso é um legado muito grande que o Joomla trouxe do Mambo, funcionava muito bem para a época mas que hoje já não serve mais.

Para mim o Joomla sempre foi muito intuitivo, funcionou muito bem para uma época de trevas e explosão dos CMS's entre 2005 e 2009, e vejo que nas últimas versões o Joomla focou-se demais para dar suporte aos Devs e pouco se preocuparam com os usuários. Nesse exato momento eu vejo o CMS muito robusto para os Devs, porém pouco intuitivo para os usuários, espero realmente que o time de Usabilidade possa mudar esse cenário e modificar o Joomla em sua essência a transformá-lo novamente em uma ferramenta fácil e simples de usar.

A Integral Media, startup brasileira com foco em Joomla, está contratando programador front-end para projetos que serão lançados no mercado baseado neste framework.

Requisitos:

• Entender todos os conceitos do Joomla (incluindo Componentes, Módulos, Plugin, etc)
• Ter conhecimento consolidado em CSS e nas guidelines W3C.
• Deve se sentir confortável ao utilizar bibliotecas JavaScript como jQuery, programação PHP e banco de dados MySQL.
• Ter atenção aos detalhes visuais e de usabilidade e que rodem perfeitamente em diferentes browsers (Safari, Chrome, IE, Firefox, etc).
• Produzir código claro, bem formatado e que seja de fácil manutenção no futuro.
• Seja interessado e capaz de aprender novas técnicas e tecnologias.
• Deve saber trabalhar em equipe, pois futuramente estará em contato direto e constante com programadores seniors, profissionais de usabilidade e outras equipes.

Responsabilidades

• Dar continuidade nos produtos em Joomla da empresa (em desenvolvimento)
• Criação de hotsites e sites
• Manutenção no site da empresa

A Empresa

A empresa existe há 3 anos e nasceu em uma incubadora de tecnologia, criamos soluções para web em parceria com agências. A empresa tem 6 pessoas e temos boas perspectivas de crescimento em 2012.
Você pode saber um pouco mais sobre a empresa aqui: http://www.integralmedia.com.br/empresa

Diferencial

• Entrevista direta com a parte técnica e com os donos da empresa
• Ambiente de trabalho descolado (geeks!)
• Possibilidade de crescer conosco
• Horário de trabalho flexível
• Escritório próximo a estação do metro São Joaquim e Liberdade

Profissionais com portfólio e/ou blog pessoal será um diferencial
Conhecimento com git/github também será um diferencial

Horário: a definir
Remuneração salarial: R$2.000,00

Enviar C.V, links e portfólio por e-mail para Este endereço de e-mail está protegido contra spambots. Você deve habilitar o JavaScript para visualizá-lo.
As entrevistas serão todas no escritório da empresa situado na Rua Galvão Bueno, Liberdade - São Paulo.

Com certeza, você já precisou analisar o comportamento de algum elemento na página no estado de hover.

Estive com esse mesmo problema há poucos dias atrás por isso resolvi compartilhar essas informações:

Para visualizar no Firebug do Firefox, veja a imagem abaixo:

Para visualizar no Chrome, veja a imagem abaixo:

Espero que isso ajude quem já teve essa dúvida também!

Esse é um problema clássico que todos nós desenvolvedores já passamos.

Já cruzei com mil soluções para o problema, porém esse final de semana precisei de algo e nas minhas pesquisas encontrei uma solução que funcionou perfeitamente, melhor do que quaquer uma que já tenha usado.

O Problema

Como vemos na imagem acima, o rodapé do site seguindo uma estrutura normal de HTML ficaria logo após a div do conteúdo.

A Solução

Como vemos na imagem acima, esse é o resultado final que queremos.

O código HTML

<div class="tudo">
   <div class="topo"></div>
   <div class="conteudo"></div>
   <div class="rodape"></div>
</div>

O código CSS

html,
body {
   margin:0;
   padding:0;
   height:100%;
}
.tudo {
   min-height:100%;
   position:relative;
}
.topo {
   background:#ff0;
   padding:10px;
}
.conteudo {
   padding:10px;
   padding-bottom:60px;   /* Mesma Altura do Rodapé */
}
.rodape {
   position:absolute;
   bottom:0;
   width:100%;
   height:60px;   /* Mesma Altura do Rodapé */
   background:#6cf;
}

Por que essa é a melhor solução?

• Funciona em praticamente todos os browsers (menos em IE 6, existe solução mas não vou nem postar )
• CSS 100% válido e sem Hacks
• Sem javascript

Veja um exemplo em funcionamento.

Créditos para a solução!

Pessoal, no mês que vem dia 30 de Julho de 2011 vou ministrar um curso online de templates para Joomla.

Quem se interessar poderá obter mais informações nesse link: http://www.schoolofnet.com/cursos-intensivos/curso-de-templates-para-joomla/.

Se tiverem alguma dúvida, por favor coloquem nos comentários desse post, ou mandem no twitter @ronildo

ps: se o pessoal se interessar, to pessando em sortear pelo menos uma vaga :)

Quinta feira da semana passada (02/06/2011) aconeceu o 13° encontro locaweb.

Fui convidado para mediar uma desconferência sobre Joomla. Tenho que confessar que no começo fiquei meio apreensivo, mas acho que o resultado final foi bem legal, o pessoal interagiu bem e tinha um bom público.

Queria agradecer em especial ao pessoal que me ajudou a conduzir a conversa:

@marciookabe
@nadiralves
@herictilly
@ehrfischer
@tiu_uill (William Moraes)

O post é só pra fazer um registro mesmo, nada de informativo :)

Seguem também algumas fotos:

Quem quiser ver todas as fotos do evento, segue o link:

http://www.flickr.com/photos/locaweb/

Começando avisando que o título desse post, não é sarcástico e sim um agradecimento mesmo. Sei que a maioria não vai concordar comigo... mas é a minha opinião.

Resolvi escrever esse post, por diversas discurssões que estão acontecendo na comunidade Joomla, pra quem não está acompanhando leia isso e isso.

Sim, obrigado Matheus Mendes, por que foi um cara que sempre me ajudou em tudo que eu precisei no Joomla/Mambo, foi a primeira pessoa que enchi o saco quando ainda tava aprendendo o CMS Mambo, você me ensinou muita coisa, e acho que fui um bom aluno :)

Tem muita gente hoje na comunidade furiosa com o Matheus, e sinceramente eu não entendo o por que... Já que estão bem furiosos, por que não ajudaram no site antes dele tomar essa drástica decisão? Talvez não seja a melhor decisão, mas é a decisão dele, você que está com muita raiva por ele está fazendo isso, se tivesse ajudado-o, talvez o domínio poderia nem estar a venda hoje.

Eu sempre tento tirar as boas lições de cada situação que eu passo, e a boa lição que estou aprendendo com isso é: a comunidase (se é que tem uma) se reuniu para fazer um novo site e que o domínio teóricamente não seja de uma pessoa e sim uma associação, muito bom eu apóio totalmente a idéia, mas precisou o Matheus tomar uma decisão drástica para as pessoas se moverem, e por esse motivo eu agradeço o Matheus mais uma vez, a comunidade Joomla está se movendo por uma atitude sua Matheus e não por uma atitude que partiu da vontade de ajudar.

Enfim, não quero me alongar...

ps: boa sorte com seus novos desafios, e se quiser me chamar pra tomar uma cerveja eu aceito :)

Para quem não conheçe, hoje eu gostaria de falar do LESS CSS.

Less é um projeto criado para facilitar a escrita do CSS, seria muito bom se o W3C incluisse alguma das funcionalidades que o LESS proporciona, mas enfim, vou tentar mostrar de uma forma prática como ele pode ajudar no desenvolvimento, os pontos fortes e os fracos.

Esse é o site do projeto: http://www.lesscss.org infelizmente não temos documentação em português, eu entrei em contato com o desenvolvedor para ver se seria possível traduzir, vamos aguardar o que ele tem a dizer.

Para que usar uma nova forma?

Eu diria que para agilizar o desenvolvimento e o entendimento de código. O LESS não altera a forma do CSS, apenas facilita como se escreve.

Sintaxe

// Código escrito em LESS

.rounded-corners (@radius: 5px) {
  border-radius: @radius;
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
}

#header {
  .rounded-corners;
}
#footer {
  .rounded-corners(10px);
}

/* Código gerado em CSS */

#header {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#footer {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

O quadro acima, mostra como usar variáveis, porém isso é apenas uma forma de como o LESS nos ajuda no desenvolvimento, existem várias outras vantagens!

Pontos Fracos

Um dos pontos fracos que eu vejo para o uso, é a baixo suporte para a sintaxe. Para desenvolvimento de código eu utilizo o Coda nativamente ele não tem suporte para LESS (espero que no próximo release), porém já desenvolveram um plugin que acrescenta a sintaxe do LESS ao Coda.

Outro ponto fraco do LESS, é que se você utilizar ele compilando-o por javascript e o usuário tiver o javascript desabilitado, o site ficará sem css, a não ser que você faça algum if pra saber qual arquivo será enviado para o client.

Pontos Fortes

A rápida adoção, o LESS vem sendo muito utilizado ultimamente, principalmente pela comunidade Ruby on Rails.

Como é algo muito fácil de se aprender vale a pena gastar algumas poucas horas estudandos novas tecnologias.

Para quem quiser testar uma forma bem fácil de começar é utilizando um compilador: http://incident57.com/less/ (existe pra MAC e Windows)