{"id":3092,"date":"2014-05-13T17:55:24","date_gmt":"2014-05-13T20:55:24","guid":{"rendered":"http:\/\/blogimpacta.com.br\/?p=3092"},"modified":"2014-05-13T17:55:24","modified_gmt":"2014-05-13T20:55:24","slug":"5-plugins-de-jquery-para-desenvolvimento-sites-com-scrolling","status":"publish","type":"post","link":"https:\/\/www.impacta.com.br\/blog\/5-plugins-de-jquery-para-desenvolvimento-sites-com-scrolling\/","title":{"rendered":"jQuery: 5 plugins para sites com scrolling"},"content":{"rendered":"

Na semana passada, apresentamos o scrolling<\/i>, estilo de layout de sites que aposta no apelo visual e em informa\u00e7\u00f5es compactas para construir um site com foco na experi\u00eancia do usu\u00e1rio. No artigo de hoje, separamos 5 plugins de jQuery<\/b> que possibilitam aos desenvolvedores aplicar o scrolling<\/i> na programa\u00e7\u00e3o de um site.\u00a0<\/span><\/p>\n

\u00a0 \u00a0Sticky<\/a><\/b><\/span><\/p>\n

O Sticky \u00e9 um plugin de jQuery que permite que qualquer elemento em uma p\u00e1gina esteja sempre vis\u00edvel. A experi\u00eancia de visualiza\u00e7\u00e3o do usu\u00e1rio n\u00e3o \u00e9 afetada, independentemente da plataforma que estiver utilizando, seja de um computador ou de dispositivos m\u00f3veis.<\/span><\/p>\n

\u00a0 \u00a0Cool Kitten<\/a><\/b><\/span><\/p>\n

Cool Kitten \u00e9 um framework responsivo para sites que utilizam o parallax scrolling<\/a>,<\/i> t\u00e9cnica de programa\u00e7\u00e3o onde as imagens do fundo (background<\/i>) se movem mais lentamente do que as imagens da frente (foreground<\/i>), criando a ilus\u00e3o de profundidade. Sendo responsivo, \u00e9 claro que tamb\u00e9m tem suporte para smartphones, tablets e outros dispositivos m\u00f3veis, al\u00e9m de desktops.<\/span><\/p>\n

\u00a0 \u00a0Windows<\/a><\/b><\/span><\/p>\n

N\u00e3o, n\u00e3o se trata do sistema operacional da Microsoft! O Windows em quest\u00e3o \u00e9 um plugin de jQuery acopl\u00e1vel em janelas de scrolling<\/i> em tela cheia (full screen<\/i>). Esse plugin libera uma API \u00fatil que facilita o gerenciamento de posi\u00e7\u00f5es, permite callbacks e redimensionamento autom\u00e1tico de janelas.<\/span><\/p>\n

\u00a0 \u00a0Superscrollorama<\/a><\/b><\/span><\/p>\n

O Superscrollorama \u00e9 um plugin de uso r\u00e1pido e simples, que permite ao desenvolvedor acrescentar movimentos interativos, como os efeitos fling<\/i>, fly<\/i>, fade<\/i>, spin<\/i>, pin<\/i>, scale<\/i>, smush<\/i>, slide<\/i>, swipe<\/i>, wipe<\/i>, bounce<\/i> e move<\/i>, com facilidade.<\/span><\/p>\n

\u00a0 \u00a0jQuery Scroll Path<\/a><\/b><\/span><\/p>\n

Esse plugin d\u00e1 ao desenvolvedor o poder de definir e customizar seu pr\u00f3prio scroll path<\/i>, ou seja, decidir como a p\u00e1gina responder\u00e1 aos comandos do usu\u00e1rio, seja pelo scroll<\/i> do mouse, pelas teclas up<\/i> e down<\/i> (setas) ou pela barra de espa\u00e7o, al\u00e9m de uma barra customizada padr\u00e3o, que permite a rolagem da p\u00e1gina atrav\u00e9s do sistema click and drag<\/i> (clicar e arrastar).<\/span><\/p>\n

O jQuery<\/b> possui uma biblioteca muito vasta de plugins<\/i> que auxiliam no desenvolvimento de sites com scrolling<\/i> e voc\u00ea pode conferir mais alguns neste link<\/a>. N\u00e3o esque\u00e7a de compartilhar conosco suas experi\u00eancias com essas ferramentas!<\/span><\/p>\n

Curtiu o post? Deixe nos coment\u00e1rios se o conte\u00fado foi relevante para voc\u00ea ou caso tenha ficado alguma d\u00favida!\u00a0<\/span><\/p>\n

<\/i>Love<\/span>0<\/span><\/span><\/a> <\/i> <\/i>