Treinamentos avançados em WordPress e jQuery

Fiquei muito feliz com o convite do iMasters para ministrar treinamentos avançados em WordPress e jQuery. Nesta semana foi lançado o site iMasters Pro – Programa de treinamentos avançados.

Vou ministrar três cursos:

  1. Desenvolvimento de plugins WordPress
  2. Desenvolvimento de temas para WordPress online;
  3. Desenvolvimento de temas para WordPress Ao vivo;
  4. Como criar um plugin para jQuery

No CMS Brasil 2009 palestrei sobre Como criar um plugin para WordPress, veja a palestra e tenha uma noção sobre o treinamento Desenvolvimento de plugins WordPress. O bacana que serão 16h aulas e criaremos um projeto real durante o curso.

O treinamento Dominando temas para WordPress é ideal para designers que desejam transformar seu layout num tema WordPress ou adaptar os existentes. Indicado também para programadores que se envolvem com a criação e customização de temas.

Já o treinamento Como criar um plugin para jQuery será muito interessante, além de abordar a criação de plugin vamos recriar do zero o jQuery lightBox plugin que já foi baixado mais de 200 mil vezes e utilizado pela fundação Mozilla.

Conheça o iMasters Pro – Programa de treinamentos avançados, faça sua inscrição e até nosso breve encontro.

Framework para desenvolvimento de plugins WordPress

Estou desenvolvendo um framework para simplificar o desenvolvimento de plugins WordPress. Pensei num framework que fosse um canivete suiço e que pudesse poupar significativas linhas de códigos e boas horas de programação.

Interrompi o desenvolvimento para pedir a vocês algumas sugestões e claro saber o que você espera de um framework para plugins WordPress.

Outro ponto será a seleção de alguns evangelizadores do framework. Posso adiantar que há uma grande empresa brasileira de internet envolvida, portanto, faça o alistamento que quando possível direi os benefícios.

Abraços.

Versão 0.4 do jQuery lightBox plugin

Acabo de finalizar e disponibilizar a versão 0.4 do jQuery lightBox plugin.

O carro chefe dessa versão foi o suporte a navegação via teclado com possibilidade de configuração. Novas opções de configuração foram adicionadas: imageBlank, keyToClose, keyToPrev e keyToNext.

O bug relacionado ao conflito do evento “click” quando o plugin é chamado mais de uma vez, por exemplo numa requisição Ajax, foi solucionado. A forma como alguns elementos – select, embed e object para ser mais específico – são ocultados ao exibir o “overlay” foi alterada; ao invés de utilizar a propriedade display, o plugin agora utiliza visibility.

Confira mais detalhes na página do jQuery lightBox plugin e baixe-o.

Lançado versão 0.3 do jQuery lightBox plugin

A versão 0.3 do jQuery lightBox plugin ganhou melhorias, novas opções de configuração, suporte a vários idiomas e correção de bugs.

Nesta versão, reestruturei todo o código visando melhoria de performance e tornando possível a utilização do jQuery lightBox plugin em páginas que utilizam outras bibliotecas JavaScript, se não a jQuery.

O suporte a vários idiomas era esperado e nesta versão tal suporte se concretizou. Os textos utilizados no jQuery lightBox plugin, até o momento, aparem na contagem das imagens a serem exibidas. Por exemplo: Image 3 of 21. Ou seja, exibindo a terceira imagem de 21 no total. Agora, você pode utilizar os textos em português, por exemplo. Utilizando para isso os parâmetros relacionados a essa configuração. Observe:

$(function() {

 $('#galeria_de_fotos a').lightBox({

 	txtImage: 'Imagem',

 	txtOf:	'de'

 });

});

O resultado será: Imagem 3 de 21.

Outros opções de configuração foram disponibilizadas e todas elas podem ser consultadas na página do jQuery lightBox plugin. Consulte também o changelog e verifique o “release” completo desta versão.

jQuery lightBox plugin

Diga olá para o jQuery lightBox plugin que é utilizado para exibir imagens na mesma página de forma não-obstrutiva. Utilizando a simplicidade e flexibilidade da jQuery.

Esse plugin teve como inspiração e foi baseado no lightBox 2 criado pelo Lokesh Dhakar.

Veja um exemplo do jQuery lightBox plugin em ação. Veja como é simples e versátil utilizá-lo. Faça o download e comente aí.

jQuery resetDefaultValue plugin

Desenvolvi um simples plugin para a jQuery, resetDefaultValue, com o intuito de limpar e resgatar o atributo value definido em elementos do tipo input. Embora, o plugin também funciona em elementos do tipo textarea.

Tal plugin foi desenvolvido com duas intenções:

  1. Precisei para um projeto em que estou envolvido;
  2. Decidir compartilhar com quem utiliza a jQuery;

Código do jQuery resetDefaultValue plugin

/**
 * jQuery resetDefaultValue plugin
 * @version 0.9.1
 * @author Leandro Vieira Pinho 
 */
jQuery.fn.resetDefaultValue = function() {
	function _clearDefaultValue() {
		var _$ = $(this);
		if ( _$.val() == this.defaultValue ) { _$.val(''); }
	};
	function _resetDefaultValue() {
		var _$ = $(this);
		if ( _$.val() == '' ) { _$.val(this.defaultValue); }
	};
	return this.click(_clearDefaultValue).focus(_clearDefaultValue).blur(_resetDefaultValue);
}

Forma de uso do jQuery resetDefaultValue plugin

$(function() {
	$('input').resetDefaultValue(); // for all input elements
	$('input.className').resetDefaultValue(); // for some elements
	$('#q').resetDefaultValue(); // for a especific element
	$('input[@type=text]').resetDefaultValue(); // avoid button/reset/submit buttons
	$('textarea').resetDefaultValue(); // work with textarea too
});

:)