Plugin's úteis para jQuery8/9/2009 4:30:46 PMpor: GrugerEm: JavaScript jQueryAvaliação: 4.00
Andei procurando no site do jQuery (menu ao lado) e encontrei diversos plugin's que podem ser muito úteis no desenvolvimento de aplicações mais interativas.
Hoje irei apresentá-los, colocando uma breve descrição de cada um e onde encontrá-los.
Se procurarmos no site do jQuery, nos depararemos com milhares de plugin's publicados pela comunidade. Muitos deles são parecidos e muitos outros não são tão bons.
Segue abaixo a lista com os que me pareceram mais eficientes, completos e fáceis de se utilizar.
1. jQuery.Corner
Site oficial: http://malsup.com/jquery/corner/
Descrição:
Este é um dos plugin's mais populares, simples de se utilizar e que proporciona grande facilidade para os desenvolvedores. Sua função é, com apenas uma linha de código, criar estilos de bordas em elementos HTML (como DIV) customizáveis e dos mais variados formatos.
O site contém excelente documentação, demonstação e link para download.
2. jQuery.AJAX-Upload
Site oficial: http://valums.com/ajax-upload/
Descrição:
Este plugin permite que se construa formulários para upload de arquivos de forma "assíncrona". Embora se chame AJAX Upload, este plugin não utiliza AJAX, porém faz o upload de arquivos de forma seamless, de forma a aparentar uma operação assíncrona.
O efeito é muito interssante e facilmente customizável com diversos parâmetros para se configurar.
Não utiliza o campo HTML do tipo file. O plugin consiste em transformar campos de texto em iframes o que permite a estilização do formulário. Permite o envio de múltiplos arquivos.
3. jQuery.Cookies
Site oficial: http://code.google.com/p/cookies/
Descrição:
Plugin para manipulação de cookies. Possui uma API que possui funções similares às do .NET para busca em objetos do tipo List.
$.cookies.get()
$.cookies.set()
$.cookies.del()
$.cookies.test()
$.cookies.setOptions()
Estas são algumas das funções que podem ser utilizadas com jQuery.Cookies.
4. jQuery.Autocomplete
Site oficial: http://jquery.bassistance.de/autocomplete/demo/
Descrição:
Permite que se crie campos de texto com a função de sugerir o preenchimento, como no Google Suggest (http://www.google.com.br).
Com este plugin você pode definir um array de dados que ficarão em cache, fornecendo opções para o usuário conforme ele preenche um campo de texto. É possível utilizar fontes de dados dinâmicas com uso de AJAX e parâmetros de configuração da API.
Também é possível configurar quantidade de caracteres para iniciar a função, entre outros parâmetros de estilização.
5. jQuery.UI
Site oficial: http://jqueryui.com/
Descrição:
Simplesmente o melhor plugin que já vi para construir interfaces com o usuário (UI). Possui interação por tabs, accordion, drag and drop, dialog boxes, ícones e botões, calendários, além de muitos efeitos de interação, como bounce, explode, entre outros.
Utilize o ThemeRoller para configurar todo o CSS dos seus elementos de interação e, com apenas uma ou duas linhas de código, adicione efeitos profissionais de interação que levariam muito tempo para serem desenvolvidos. Vale a pena conferir.
O site contém excelente demonstração e a documentação está impecável.
Bom pessoal, por esta semana é só. Ainda não havia falado nada do jQuery. Escolhi começar pelos plugins. Para quem quiser ter mais detalhes desta fantástica biblioteca, visite http://www.jquery.com e confira as demonstrações e a excelente documentação.
Obrigado pela atenção de todos,
Mauricio
Rafael
9/7/2009 9:48:46 PM
jQuery é realmente um excelente framework javascript!
Andei procurando no site do jQuery (menu ao lado) e encontrei diversos plugin's que podem ser muito úteis no desenvolvimento de aplicações mais interativas.
Hoje irei apresentá-los, colocando uma breve descrição de cada um e onde encontrá-los.
Se procurarmos no site do jQuery, nos depararemos com milhares de plugin's publicados pela comunidade. Muitos deles são parecidos e muitos outros não são tão bons.
Segue abaixo a lista com os que me pareceram mais eficientes, completos e fáceis de se utilizar.
1. jQuery.Corner
Site oficial: http://malsup.com/jquery/corner/
Descrição:
Este é um dos plugin's mais populares, simples de se utilizar e que proporciona grande facilidade para os desenvolvedores. Sua função é, com apenas uma linha de código, criar estilos de bordas em elementos HTML (como DIV) customizáveis e dos mais variados formatos.
O site contém excelente documentação, demonstação e link para download.
2. jQuery.AJAX-Upload
Site oficial: http://valums.com/ajax-upload/
Descrição:
Este plugin permite que se construa formulários para upload de arquivos de forma "assíncrona". Embora se chame AJAX Upload, este plugin não utiliza AJAX, porém faz o upload de arquivos de forma seamless, de forma a aparentar uma operação assíncrona.
O efeito é muito interssante e facilmente customizável com diversos parâmetros para se configurar.
Não utiliza o campo HTML do tipo file. O plugin consiste em transformar campos de texto em iframes o que permite a estilização do formulário. Permite o envio de múltiplos arquivos.
3. jQuery.Cookies
Site oficial: http://code.google.com/p/cookies/
Descrição:
Plugin para manipulação de cookies. Possui uma API que possui funções similares às do .NET para busca em objetos do tipo List.
Estas são algumas das funções que podem ser utilizadas com jQuery.Cookies.
4. jQuery.Autocomplete
Site oficial: http://jquery.bassistance.de/autocomplete/demo/
Descrição:
Permite que se crie campos de texto com a função de sugerir o preenchimento, como no Google Suggest (http://www.google.com.br).
Com este plugin você pode definir um array de dados que ficarão em cache, fornecendo opções para o usuário conforme ele preenche um campo de texto. É possível utilizar fontes de dados dinâmicas com uso de AJAX e parâmetros de configuração da API.
Também é possível configurar quantidade de caracteres para iniciar a função, entre outros parâmetros de estilização.
5. jQuery.UI
Site oficial: http://jqueryui.com/
Descrição:
Simplesmente o melhor plugin que já vi para construir interfaces com o usuário (UI). Possui interação por tabs, accordion, drag and drop, dialog boxes, ícones e botões, calendários, além de muitos efeitos de interação, como bounce, explode, entre outros.
Utilize o ThemeRoller para configurar todo o CSS dos seus elementos de interação e, com apenas uma ou duas linhas de código, adicione efeitos profissionais de interação que levariam muito tempo para serem desenvolvidos. Vale a pena conferir.
O site contém excelente demonstração e a documentação está impecável.
Bom pessoal, por esta semana é só. Ainda não havia falado nada do jQuery. Escolhi começar pelos plugins. Para quem quiser ter mais detalhes desta fantástica biblioteca, visite http://www.jquery.com e confira as demonstrações e a excelente documentação.
Obrigado pela atenção de todos,
Mauricio