Parallax Scrolling

O texto apresenta o parallax scrolling como uma tendência do webdesign que cria ilusão de profundidade e pode gerar uma navegação diferente da convencional. Também liga o efeito à paralaxe, mostra um uso comum em camadas que se movem em velocidades diferentes e cita exemplos de sites e storytelling.

Fichamento

#

• O artigo define paralaxe como a alteração aparente de um objeto em relação ao fundo quando o observador se move.
• O efeito pode ser percebido com um teste simples usando um dedo esticado e a troca dos olhos fechados.
• No desenvolvimento web, a técnica reproduz camadas sobrepostas que se movem em velocidades diferentes com a rolagem.
• O texto relaciona o recurso a jogos 2D, ao site Nike Better World e a usos em storytelling visual.
• A aplicação exige planejamento entre designer e desenvolvedor para decidir quais elementos se sobrepõem, em que velocidade aparecem e somem, e como evitar confusão visual.
• O autor recomenda caprichar no wireframe antes de começar o desenvolvimento.
• O artigo destaca o plugin stellar.js como uma forma simples e flexível de implementar parallax com jQuery e compatível com dispositivos móveis.
• O texto explica o uso de data-stellar-ratio para ajustar a velocidade dos elementos e permite valores negativos para inverter a direção.
• Também descreve parallax backgrounds, offsets, offset parents e scroll positioning como recursos do plugin.
• A orientação final é usar o efeito com propósito, já que animações e elementos visuais podem aumentar o carregamento e prejudicar a experiência se forem usados só por estética.