sexta-feira, 8 de março de 2013

18 Scripts para Paginação em jQuery e AJAX

Nem sempre todo o conteúdo que se deseja apresentar para o visitante cabe no espaço de uma página. Para facilitar a navegação, é necessário criar uma paginação. Para facilitar a paginação, entram em cena o jQuery e o AJAX. Neste artigo, apresentamos os 18 melhores plugins de paginação disponíveis no momento.

1. jPages

jPages é um plugin client-sidemas com mais funcionalidades do que muitos plugins que interagem com o servidor! Entre suas características temos virada de página automática, navegação por teclas ou rolagem de mouse, exibição de itens com atraso, painel de navegação completamente customizável, além de integração com o Animate.css e Lazy Load.
jPages
Veja mais | Demo

2. jQuery ScrollPagination

jQuery ScrollPagination foi desenvolvido por Anderson Ferminiano para estudar o poder do jQuery, mas você pode utilizá-lo gratuitamente em seu projeto.
jQuery ScrollPagination

3. jqPagination

jqPagination é um plugin de jQuery que oferece um novo método de paginação para sua página ou aplicação. Ao invés de exibir uma lista de números como os métodos tradicionais, jqPagination utiliza uma caixa interativa "Page n of X" que, quando ativado, permite ao usuário digitar a página desejada. O plugin se certifica deque apenas páginas válidas possam ser selecionadas, uma entrada válida carrega o conteúdo correspondente. Botões de Primeiro, Anterior, Próximo e Último funcionam fora da caixa, mas são opcionais.
jqPagination

4. jPaginator CSS3 Edition

jPaginator pretende aperfeiçoar a experiência do usuário para longas listas de paginação oferecendo um controle deslizante que anima os links para a esquerda e para a direita.
jPaginator CSS3 Edition

5. Modern jQuery Pagination

Este plugin não é baseado no número de elementos (filhos) por página, mas na altura do conteúdo. E tentará manter a mesma altura para as páginas. Isto significa que o número de elementos na página pode ser diferente. Tudo irá depender da altura dos filhos.
Modern jQuery Pagination

6. Sausage

Sausage é um jQuery UI Widget para paginação contextual. Ele complementa páginas longas demais ou infinitas mantendo o usuário informado de sua posição no documento.
Sausage

7. Pagination with Jquery, PHP , Ajax and MySQL

Aprenda como utilizar o poder do jQuery, do PHP, AJAX e MySQL para criar uma paginação sem necessidade de recarregar a página. Também oferece botões de Primeiro, Anterior, Próximo e Último.
Pagination with Jquery, PHP , Ajax and MySQL

8. Smart Paginator

Smart Paginator é um plugin de paginação em jQuery que simplifica a tarefa de se adicionar paginação, com toda a lógica da navegação construída internamente, mas também bastante customizável. Este plugin também pode filtrar dados automaticamente no cliente.
Smart Paginator

9. Easy Pagination

Este plugin de jQuery implementa de forma fácil um sistema de paginação para pequenas quantidades de dados, rodando via javascript no lado do cliente.
Easy Pagination

10. AJAX Pagination using jQuery and PHP with Animation

Este plugin não se contenta apenas em paginar o conteúdo: ele passa as páginas com estilo! Integrando o poder do AJAX e do PHP com efeitos de animação em jQuery, o resultado é elegante e agradável para os visitantes de seu site.
AJAX Pagination using jQuery and PHP with Animation

11. Xarg

Xarg traz uma grande vantagem sobre métodos de paginação que rodam a nível de servidor: gerando links virtualmente no cliente e diminui o risco de conteúdo duplicado. Este plugin também combina uma ampla variedade de funcionalidades para quem deseja trabalhar com o servidor usando AJAX.
Xarg : Ajax jQuery Pagination with Demo

12. Pajinate

Pajinate é um plugin simples e flexível de paginação em jQuery que permite dividir longas listas ou áreas de conteúdo em múltiplas páginas. Não apenas é uma alternativa mais simples do que implementações server-side, como também o tempo de carga entre uma página e outra é praticamente nulo.
Pajinate

13. jPaginate

jPaginate é um plugin de paginação em jQuery com um diferencial: números de páginas animados. O usuário pode deslizar através dos números de páginas disponíveis clicando ou apenas passando o mouse sobre as setas. Atalhos para a primeira e a última página também estão disponíveis.
jPaginate

14. SimplePager

SimplePager permite criar paginações com pouco esforço e o mínimo de configuração. Este plugin de jQuery pode paginar divs, parágrafos, itens de uma lista ou quase qualquer outro conteúdo.
SimplePager

15. jPaginator

jPaginator é um plugin de apenas 5kb, fácil, intuitivo e que pode lidar com um número ilimitado de páginas.
jPaginator

16. jQuery Pagination

Este plugin não tenta inventar nada e vai direto ao ponto: paginação de conteúdo tradicional, com possibilidade de customização.
jQuery Pagination

17. Sweet Pages

Este plugin para jQuery irá converter uma lista de itens em um conjunto de páginas amigável para os mecanismos de busca e facilmente navegável. Pode ser utilizado em comentários, slideshows, ou qualquer outro tipo de conteúdo estruturado.
Sweet Pages

18. Really Easy Pagination

Com jQuery fica fácil lidar com chamadas em AJAX. Este plugin comprova a força desta combinação oferecendo mais uma alternativa prática e rápida de paginação de conteúdo.
Easy pagination with jQuery Ajax and demo

Postado por às Nenhum comentário:
Marcadores:

quinta-feira, 7 de março de 2013

Url’s amigáveis em Ruby on Rails com a gem Friendly_id

Nos últimos dias venho me aventurando pelo Framework Rails e tenho gostado muito principalmente pela maturidade do Framework e pela praticidade da linguagem Ruby, bem mas isso é assunto para outro post.
No decorrer do desenvolvimento de um site, senti a necessidade de gerar algumas URL’s amigáveis, por padrão o Rails gera URL’s nesse modelo:http://meusite/posts/1, ou seja, identificando um registro pelo seu Id na URL, vamos concordar que isso não é nem um pouco interessante nem para o usuário final e nem para os motores de busca, eu precisava de um resultado parecido com esse: http://meusite/um-exemplo-de-post, foi ai então que resolvi buscar um solução para isso.
Logo nos primeiros resultados percebi que muitos desenvolvedores tomam o caminho mais fácil para lidar com URL’s amigáveis, eles usam o Id do registro seguido por um hífen e alguma sequencia de caracteres após o hífen geralmente algo como o titulo no caso de uma noticia ou post de blog, obtendo um resultado parecido com esse: http://meusite/posts/1322-um-exemplo-de-post.
Essa forma geralmente é utilizada com o método do Ruby to_i que basicamente converte uma string para um inteiro removendo quaisquer caracteres não numéricos. No controller teríamos algo assim:
#http://meusite/posts/1322-um-exemplo-de-post
    

  1. Post.find(params[[:id]].to_i)
    2.
É uma solução pratica mas na minha opinião a url ainda não está tão amigável assim, veja que ainda existe o Id do post no inicio da url o que a torna difícil de memorizar, e deixa a url com um numero inútil para os motores de busca. Para resolver isso encontrei a gem friendly_id que faz esse trabalho de forma simples:
Em seu gemfile coloque o seguinte código:
    

  1. gem "friendly_id", "~> 3.1"
    2.
Então execute os seguintes comandos:
    

  1. bundle install
    2. 

  2. rails g friendly_id
    3. 

  3. rake db:migrate
    4.
Feito isso teremos a gem friendly_id instalada em nosso projeto, o próximo passo é adicionar o seguinte código ao model no qual você quer utilizar url’s amigáveis:
    

  1. has_friendly_id :title, :use_slug => true
    2.
E pronto! Agora é só rodar seu projeto e ver mágica. O friendly_id tem mais algumas configurações que podem ser encontradas na sua documentação no github.
Postado por às Nenhum comentário:
Marcadores:
Assinar: Postagens (Atom)