Recursos jQuery para One-Page Carteiras

Posted: 04 Mar 2010 07:50 AM PST

Algumas semanas atrás, publicou um folheto de uma página de carteiras e apontou algumas tendências entre eles. Muitos desses sites estão usando jQuery para realizar coisas específicas. Neste post vamos apresentar alguns plugins e tutoriais que são ideais para um carteiras página. Claro, eles podem ser usados em outros tipos de sites, bem como, mas eles são bem adaptados para corresponder-se com as tendências entre as carteiras de uma página.

Formulários de contacto:

Todos os sites carteira necessidade de permitir que os visitantes em contato com o designer, se é através de um endereço de e-mail ou um formulário de contato. Um sites de enfrentar o desafio da inclusão de um formulário de contato utilizável sem usar uma página separada para ele. Estes dois recursos podem ajudar a criar formulários de contato que não ocupam muito espaço na página.
Usando rótulos formulário como campos de texto
CSS Globe oferece um tutorial que é ideal para formulários de contato em espaços limitados, que é frequentemente o caso com um carteiras página. O script também pode ser baixado para uso em seu próprio trabalho.

Criando um Slide-In formulário de contato jQuery
Ocultando um formulário de contato pode ser muito útil em situações onde a página de outra forma seriam muito cheio com um formulário de contato mais tradicionais. Design Shack nos mostra como criar um formulário que vai deslizar em quando clicado.

Navegação:

Embora um carteiras de manter tudo em uma única página, o tamanho da página, que geralmente exige algum tipo de navegação que vai tornar mais fácil para os visitantes de uma seção da página para outra.
Criar um Scroll Pairando ao Topo Button com jQuery
Porque uma página de sites tendem a ser bastante longo, é útil ter um link para permitir que os visitantes facilmente voltar ao topo da página. Cherrysave tem um tutorial que mostra como criar um botão que vai pairar como o usuário rola.

Beautiful Slide Out Navegação: A CSS e jQuery Tutorial
Este tutorial mostra como você pode criar um menu de navegação que será quase escondido antes de deslizar para fora, o que pode poupar algum espaço nas páginas lotadas.

Rolagem:

JavaScript é frequentemente combinada com a navegação em sites de uma página para criar um efeito de rolagem suave. Aqui estão alguns recursos.
Smooth Âncoras jQuery Plugin

Page Smooth Scrolling
Chris Coyier mostra uma maneira fácil de realizar a rolagem suave.

Mesa de Luz:

Um carteiras página freqüentemente usam imagens para mostrar o seu trabalho, com imagens maiores sejam mostrados quando clicado. LightBox scripts são frequentemente usados para dar a essas imagens uma aparência agradável e torná-lo mais útil para os visitantes. Aqui estão algumas opções.
jQuery Lightbox Plugin

FancyBox

Shadowbox (JavaScript, mas não jQuery)

Fancy Zoom

Sliders e Galerias:

sliders jQuery e galerias também pode ser usado para mostrar o seu trabalho, sem ocupar muito espaço. Eles podem dar a carteira de uma aparência atraente e impressionante, e há uma série de scripts e tutoriais disponíveis.
Criar um Slideshow Slick e acessível usando jQuery
Neste tutorial Jacob Gube mostra como criar um slideshow que pode ser usado para mostrar o seu trabalho em uma carteira de uma página.

Fancy Miniatura Efeito Hover com jQuery
Soh Tanaka escreveu um tutorial que demonstra uma galeria de miniaturas, que também poderia ser usado para mostrar o seu trabalho com espaço limitado disponível.

Criar uma jQuery Beautiful Slider Tutorial
Este tutorial demonstra um slider atraente para mostrar o seu trabalho.

Como criar uma galeria de imagens de fantasia com jQuery
Ouvir, você vai aprender como criar uma galeria de imagens simples que exibe imagens de tamanho completo quando o usuário pairar sobre uma miniatura.

Coda Slider Effect
Este tutorial mostra popular como replicar a barra usada por Coda.

Easy Slider
Este é um plugin de CSS do globo que podem ser usados para mostrar o seu trabalho.