tutoriais e exemplos de rolagem de paralaxe: páginas da Web com uma diferença

Home / software / tutoriais e exemplos de rolagem de paralaxe: páginas da Web com uma diferença

Aqueles que querem construir um site que você quer se destacar dos outros, usa a rolagem de paralaxe. rolagem de paralaxe é baseado no princípio da paralaxe de movimento. Se um objecto se desloca numa direcção com uma certa velocidade, move-se simultaneamente um segundo objecto com uma velocidade diferente no outro sentido. implementado em sites, isso significa que os gráficos mudam quando rolagem no site a sua posição -, mas não no sentido ascendente previsível nem na velocidade de rolagem.

tutoriais e exemplos de rolagem de paralaxe: páginas da Web com uma diferença

mover seções individuais de uma página web em um ritmo diferente, o leitor uma sensação de profundidade é criada, semelhante ao ao olhar para fora da janela durante a condução. Aqui objetos próximos parecem mover-se mais rápido do que objetos distantes. Dentro da web design deste efeito é chamado de rolagem de paralaxe.

Parallax Scrolling Tutoriais: Os sites Melhor rolagem

Pioneira na introdução da Parallax Scrollings em sites é os EUA artigos esportivos fabricante Nike, o que colocou no site da Nike Better World 2011 em rolagem de paralaxe.

o uso do elemento através do uso de HTML 5 e CSS 3, que novas possibilidades na construção de Parallax Scrolling oferecido locais foi favorecido. você mesmo vai criar Parallax scrolling páginas, lançar um olhar sobre os seguintes tutoriais:

  • PHP diário: No diário PHP você vai encontrar uma extensa e ilustradas instruções para criar efeitos de rolagem de paralaxe. Neste caso, exceto jQuery Framework acessada há outras ajudas.
  • Tympanus: Este tutorial Parallax Scrolling explica como pode ser montado usando CSS3 um slideshow incluindo elementos de paralaxe.
  • Egstudio: recém-chegados ao assunto paralaxe deve dar uma olhada no tutorial em Egstudio. Aqui, também, trabalhar com jQuery.
  • Ihatetomates: No blog por Petr Tichy você pode encontrar alguns arquivos de exemplo para baixar e você pode olhar para o seu trabalho em uma demo. Todas as etapas para a criação de um site Parallax são explicados em detalhes aqui.
paralaxe-rolagem tutorialconstruir suas próprias páginas Parallax Scrolling &# 8211; com tutoriais nenhum problema (Fonte: ihatetomates.net)

exemplos impressionantes para paralaxe rolagem

Incentivo ao desenvolvimento de sua própria página web de rolagem Parallax, você vai encontrar nos exemplos a seguir:

  • Ala: O estúdio de design suíço usa rolagem de paralaxe para a apresentação de seus projetos
  • Ben The Bodyguard: Este exemplo de Parallax Scrolling leva você para a trama para iOS
  • Moda nos tempos navegador apresentada de forma diferente: Manufacturedessai
  • Como a paralaxe de movimento pode apresentar no navegador é impressionante, você pode ver na iutopi
  • tráfego Rickshaw no navegador: Parallax torna possível
  • Dangerosoffracking não só mostra como rolagem Parallax pode melhorar um site visualmente, mas também aponta para os perigos de Frackings
ituopi Screenshot-Um exemplo de Parallax Scrolling (Fonte: iutopi.com)

 

fez você "tutoriais e exemplos de rolagem de paralaxe: páginas da Web com uma diferença" caiu de Martin Maciej?Escreva-nos nos comentários ou compartilhar o artigo.Estamos ansiosos para a sua opinião - e, claro, você deve gostar de nós no Facebook,Twitter ou Google+.