<h2 id="introdução"><a href="#introdu%C3%A7%C3%A3o" class="anchor">Introdução</a></h2>
<p>Fala pessoal! Hoje eu venho a trazer para vocês um post bem simples, mais para vocês se inspirarem um pouco e verem algumas das várias possibilidades de uma técnica que eu acho bastante interessante. Eu vou começar a criar posts que vão entrar na categoria de collections, onde vou juntar vários sites para vocês se inspirarem que utilizem certa técnica ou tecnologia.</p>
<p>Enquanto vou escrevendo, vou ouvindo um bom som na playlist <a href="https://open.spotify.com/playlist/37i9dQZF1DX4908CEYEdlz?si=GvxYazSLTA6iHzAv0oi77w">Volume Máximo</a> do Spotify.</p>
<h2 id="o-efeito-parallax"><a href="#o-efeito-parallax" class="anchor">O efeito parallax</a></h2>
<p>O efeito parallax veio dos videogames e desenhos clássicos e servia para compôr cenários dando a sensação de profundidade. Onde os elementos de fundo se movem em tempos diferentes dos elementos da frente. O nome da técnica é derivado da palavra grega "parallaxis" que significa "alteração".</p>
<p>Hoje essa técnica é bastante utilizada em diversos sites, seja para contar histórias ao mover o scroll, para seguir o mouse enquanto o usuário, ou até mesmo para deixar só um efeito sutil para o usuário enquanto ele desce a página.</p>
<p>Segue aqui um vídeo do próprio Walt Disney explicando como funciona esse efeito tão interessante:</p>
<iframe width="420" height="315" src="https://www.youtube.com/embed/kN-eCBAOw60" frameborder="0" allowfullscreen></iframe>
<h2 id="exemplos"><a href="#exemplos" class="anchor">Exemplos</a></h2>
<h3 id="alquimia-wrg"><a href="#alquimia-wrg" class="anchor">Alquimia WRG</a></h3>
<p><img src="/assets/img/parallax-sites/alquimia.png" alt="Alquimia WRG"></p>
<p>Animação de background baseada no movimento do mouse. <a href="http://www.alquimiawrg.com/#/home">Vá para o site</a></p>
<h3 id="scroll-for-your-health"><a href="#scroll-for-your-health" class="anchor">Scroll for your Health</a></h3>
<p><img src="/assets/img/parallax-sites/health.png" alt="Scroll for your Health"></p>
<p>Scrolls que desenham ilustrações de cores sólidas pela tela. <a href="http://tomerlerner.com/web/scroll/index.html">Vá para o site</a></p>
<h3 id="mélanie-f---slippers-for-children"><a href="#m%C3%A9lanie-f---slippers-for-children" class="anchor">Mélanie F - Slippers for children</a></h3>
<p><img src="/assets/img/parallax-sites/melanie.png" alt="Mélanie F - Slippers for children"></p>
<p>Objetos com movimentações em tempos/velocidades diferentes ao decorrer da tela. <a href="http://melanie-f.com/en/">Vá para o site</a></p>
<h3 id="giampiero-bodino---italian-high-jewellery"><a href="#giampiero-bodino---italian-high-jewellery" class="anchor">Giampiero Bodino - Italian High Jewellery</a></h3>
<p><img src="/assets/img/parallax-sites/giam.png" alt="Giampiero Bodino - Italian High Jewellery"></p>
<p>Várias ilustrações em camadas diferentes que são movimentadas baseadas no drag. <a href="http://www.giampierobodino.com/">Vá para o site</a></p>
<h3 id="anton--irene"><a href="#anton--irene" class="anchor">Anton &#x26; Irene</a></h3>
<p><img src="/assets/img/parallax-sites/anton.png" alt="Anton &#x26; Irene"></p>
<p>Site simples, com animações de hide/show/movimentação de acordo com o scroll. <a href="http://antonandirene.com/">Vá para o site</a></p>
<h3 id="werkstatt---latelier-interactif"><a href="#werkstatt---latelier-interactif" class="anchor">Werkstatt - l'atelier interactif</a></h3>
<p><img src="/assets/img/parallax-sites/latellier.png" alt="Werkstatt - l&#x27;atelier interactif"></p>
<p>Interação suave no scroll com uma máscara sendo formada entre as imagens dos projetos. Site belo, merece ser visto como um todo. <a href="http://www.werkstatt.fr/#/home">Vá para o site</a></p>
<h3 id="giacomorelli"><a href="#giacomorelli" class="anchor">Giacomorelli</a></h3>
<p><img src="/assets/img/parallax-sites/giaco.png" alt="Giacomorelli"></p>
<p>Mais um site com parallax utilizando a ideia de movimentação via mouse. <a href="http://www.giacomorelli.com/">Vá para o site</a></p>
<h3 id="social-king-social-media-studio"><a href="#social-king-social-media-studio" class="anchor">Social King. Social Media Studio</a></h3>
<p><img src="/assets/img/parallax-sites/king.png" alt="Social King. Social Media Studio"></p>
<p>Site carregado de objetos em diferentes profundidades e movimentações. <a href="http://socialking.ru/eng">Vá para o site</a></p>
<h3 id="you-waste-a-lot-of-time-at-work"><a href="#you-waste-a-lot-of-time-at-work" class="anchor">You waste a lot of time at work</a></h3>
<p><img src="/assets/img/parallax-sites/work.png" alt="You waste a lot of time at work"></p>
<p>Esse site já merece um aplauso e uma lida só pelo conteúdo. Mas ele também utiliza parallax em backgrounds. <a href="https://www.atlassian.com/time-wasting-at-work-infographic">Vá para o site</a></p>
<h3 id="make-your-money-matter"><a href="#make-your-money-matter" class="anchor">Make your money matter</a></h3>
<p><img src="/assets/img/parallax-sites/money.png" alt="Make your money matter"></p>
<p>Site em ilustração contando uma história a partir do scroll. <a href="http://makeyourmoneymatter.org/">Vá para o site</a></p>
<h3 id="every-last-drop"><a href="#every-last-drop" class="anchor">Every last drop</a></h3>
<p><img src="/assets/img/parallax-sites/drop.png" alt="Every last drop"></p>
<p>Site em ilustração contando uma história a partir do scroll. <a href="http://everylastdrop.co.uk/">Vá para o site</a></p>
<h3 id="the-arnold-clark-savings-challenge"><a href="#the-arnold-clark-savings-challenge" class="anchor">The Arnold Clark Savings Challenge</a></h3>
<p><img src="/assets/img/parallax-sites/arnold.png" alt="The Arnold Clark Savings Challenge"></p>
<p>Site utilizando scroll para animar e montar um infográfico. <a href="http://www.arnoldclark.com/challenge/">Vá para o site</a></p>
<h3 id="rumchatacom"><a href="#rumchatacom" class="anchor">Rumchata.com</a></h3>
<p><img src="/assets/img/parallax-sites/rum.png" alt="Rumchata.com"></p>
<p>Animações sutis nos elementos enquanto é feito o scroll. <a href="http://www.rumchata.com/">Vá para o site</a></p>
<h2 id="conclusão"><a href="#conclus%C3%A3o" class="anchor">Conclusão</a></h2>
<p>Bom galera, espero que tenham se inspirado com esses vários sites maravilhosos. Eu sou viciado em ver referências e roubar pequenos detalhes para mim =p
Então espero que tenha bastante gente que goste desse tipo de coisa também.</p>


Se inspire com alguns sites feitos usando a técnica do parallax.

Exemplos de sites com Parallax

Se inspire com alguns sites feitos usando parallax.


## Introdução

Fala pessoal, quando eu escrevi o post [O que ninguém diz para os iniciantes](https://willianjusten.com.br/o-que-ninguem-diz-para-iniciantes/), eu dizia que aquele talvez fosse o post que mais me emocionava. Mas eu acho que estou ficando muito molenga, porque esse post vai ser mais um que vou me emocionar enquanto escrevo.

Para não perder o costume, a playlist que estou escutando hoje é uma de minha autoria e especial para esse post, que é [Side Projects](https://open.spotify.com/user/willianjusten/playlist/031nQBF66JwosHhCH9Degg). Na playlist você vai encontrar, em sua maioria, bandas indies e desconhecidas (sim, ouço muita coisa desconhecida), mas que você talvez curta =)

Esse post deve acabar ficando um pouquinho grande e por isso, vou separá-lo em alguns tópicos principais. Que serão:

- [Um mergulho na minha história](#historia)
- [Meus cursos](#meus-cursos)
- [Novos rumos](#novos-rumos)
- [Novos projetos](#novos-projetos)
- [Conclusão](#conclusao)

Bom, sem mais delongas, vamos ao post! Prepara um cafézinho que o post vai ser um pouquinho grande, mas lê até o final please, não sou eu quem está pedindo, é esse lindo gatinho.

![Um gatinho com olhinhos de pedindo alguma coisa](/assets/img/side-projects/cat.jpg)

<h2 id="historia">Um mergulho na minha história</h2>

Quando eu lancei o meu blog, há mais ou menos 1 ano e meio atrás, eu fiz uma [pequena apresentação sobre mim](https://willianjusten.com.br/making-of-parte-1/), falando que passei por outra área antes de chegar de fato a programação. Mas vou completar essa história com mais alguns pedacinhos. Eu sempre gosto de saber a experiência de vida das pessoas, o que fizeram antes, quais suas escolhas para tal, então por que eu mesmo não fazer né?

Bom, eu como todo nerd/geek sempre fui apaixonado por jogos, como eles funcionavam, a lógica e a física me impressionavam. E por causa disso, lá pelos idos de 2000, acabei conhecendo uma parada chamada [Rpg Maker](http://www.rpgmakerweb.com/), era uma engine beeeem tosca, mas que te permitia criar joguinhos de RPG com interface gráfica e alguns pequenos detalhes de lógica todo fundamentado em condicionais, ali deve ter sido meu "primeiro contato" com "programação". Criei vários joguinhos com meus primos, me divertia muito.

Aquele foi meu primeiro contato, mas depois passei a ser só um player normal. Comecei a me apaixonar por Química, porque ela me permitia entender como as coisas funcionavam, sim, eu sempre fui aquele que futucava tudo para entender. E então eu fiz um curso técnico em Química e logo após, entrei para uma faculdade de Química muito boa.

Naquela época eu jogava um MMORPG chamado [World of Warcraft](http://us.battle.net/wow/pt/), mas jogava no servidor oficial da Blizzard mesmo. Mal entrei na faculdade e conheci uns amigos que jogavam em um servidor pirata chamado [Mod World](https://www.youtube.com/watch?v=RHNkvHmh8Ac). Fiquei impressionado com aquilo, para as pessoas que conhecem o jogo, sabem que ele é gigantesco, fiquei curioso como as pessoas conseguiram fazer o jogo funcionar num servidor não oficial e ainda chamar tantas outras pessoas para jogar. Resolvi jogar nesse servidor pirata para conhecer e também porque era mais divertido jogar com meus amigos de faculdade.

Ao mesmo tempo, na Química eu estava começando a conhecer o pessoal do Laboratório de Química Computacional, eles precisavam de alguém que sabia mexer com Linux, que gostasse de Química e quisesse aprender mais sobre modelagem 3d. Na hora eu me ofereci e acabei ganhando uma bolsa de iniciação científica. Comecei a trabalhar bastante com computação desde então, eu aprendi a mexer em clusters (mas antes eu quase ferrei um =x), aprendi Fortran, Matriz Z, OpenGL e um pouquinho de C/C++.

E eis que o inesperado aconteceu, infelizmente o fundador do servidor de WoW havia falecido de um infarto fulminante e pediram então se alguém se voluntariava a tentar tocar o barco no lugar dele, só enquanto as coisas se ajustavam. Como eu sou maluco, me ofereci. A questão é que eu num tinha a mínima ideia de como era gerenciar um servidor de um jogo, ainda mais um tão grande e com tantas coisas.

A primeira merda que deu, foi que a máquina atual que ficava o jogo era muito cara e sem o fundador, não teríamos como pagar. Então me foi encubida a tarefa de escolher um novo lugar para hospedar o jogo. E vocês acham que eu sabia como escolher? Eu não tinha a mínima ideia! Mas nosso amigo Google é realmente um companheiro, bastou algumas pesquisas, falar com as pessoas certas e nos fóruns corretos e descobri qual seria a melhor configuração. Depois disso, ainda precisei aprender como fazer tudo rodar, conectar o banco de dados, nossa, foram alguns dias intensos. Faltei aula a semana toda só para me dedicar a isso e no final deu tudo certo! Ver a galera gritando nos canais meu nome e agradecendo, foi demais, uma das melhores sensações que eu já tinha tido, eu finalmente tinha sido útil! Foi nesse mesmo servidor que eu fiz meu melhor amigo até hoje, um gaúcho chamado Leonardo Silva, conheci uma guria que namorei por 5 anos e fiz outros grandes amigos até da nossa área como o Yuri Piratello, que sempre me ajuda em umas dúvidas idiotas.

Só que fazer faculdade, iniciação científica e manter o servidor estava ficando muito difícil e eu tive que desistir desse que foi meu **primeiro projeto paralelo**... Passei mais um ano arrastado na faculdade e decidi que não era mais isso que eu queria, eu gostava mesmo era de computação, esse negócio de fórmulas de Físico Química estava chato demais. Larguei a faculdade prestes a terminar e fiz minha **primeira grande mudança**, voltar para minha cidade natal e começar um curso de TI!

Quando eu voltei para minha cidade, eu precisava arrumar um emprego, porque não tinha como minha mãe ficar me sustentando. E o meu primeiro serviço na área foi como professor num cursinho de informática, isso mesmo, eu ensinava Office, Linux e Hardware... Na faculdade, como eu já sabia um pouquinho mais dos assuntos, passei quase o curso todo auxiliando meus amigos, cheguei até dar aula de programação para um grupinho. Um amigo, Felipe Borde, sempre falava que eu deveria dar aula, que eu explicava muito bem. Eu não sabia o que isso iria virar né...

Dentro da faculdade de TI, eu resolvi criar esse blog, meu **segundo projeto paralelo** de grande importância. Meu amigo [Guilherme Louro](http://guilhermelouro.com.br/) ficava me sacaneando para eu criar logo um site e foi assim que eu criei. Nesse blog, eu me dediquei a sempre passar conteúdo que eu achava importante e também para eu fixar melhor algum assunto. Foi através desse blog que eu comecei a ficar mais ativo na comunidade, acabei conhecendo várias e várias pessoas da área, comecei a palestrar, fui trabalhar na [globo.com](http://www.globo.com/) e depois na [HUGE](http://www.hugeinc.com/).

E agora, eu diria que comecei meu grande **terceiro projeto paralelo**, que é a criação dos meus cursos. Hoje completam 2 meses que lancei meu curso sobre criação de sites estáticos com Jekyll, logo depois criei um [curso sobre Git e Github](https://www.udemy.com/git-e-github-para-iniciantes/) e agora estou fazendo a [pré-venda do meu curso de SVG - update: já lançado no YouTube](https://www.youtube.com/playlist?list=PLlAbYrWSYTiOufRJOeP73o4GR9N1afQdP).

Isso é um pouquinho da minha história, sempre fui meio maluco de meter as caras, mudei bastante através dos meus projetos paralelos e continuo mudando. E reparei que a cada projeto paralelo, uma grande mudança veio junto.

<h2 id="meus-cursos">Meus cursos</h2>

Continuando a falar dos cursos que já lancei, queria agradecer imensamente a todos que já se inscreveram, que compartilharam e principalmente, a todos aqueles que já assistiram e finalizaram o curso, vocês são demais!

Vou passar algumas estátisticas para vocês entenderem o quanto estou feliz e também porque quero sempre deixar tudo transparente para vocês, nessa nova etapa.

Já foram **1957 alunos inscritos!** (Editado)

Segue o gráfico referente ao [curso de Jekyll](https://www.udemy.com/criando-sites-estaticos-com-jekyll/)

![Gráfico de estatística para o Jekyll](/assets/img/side-projects/jekyll-stats.png)

Como podemos ver, foram **mais de 350 horas assistidas**, aproximadamente **7500 vídeos tocados** e cerca de 40% das pessoas que iniciaram o curso, finalizaram ele. Isso é incrível!! <3

E para o [curso de Git e Github](https://www.udemy.com/git-e-github-para-iniciantes/) os números são ainda mais surpreendentes para mim.

![Gráfico de estatística para o git](/assets/img/side-projects/github-stats.png)

Foram **mais de 600 horas assistidas**, com mais de **14 mil vídeos tocados**, sendo que mais de 50% alunos finalizaram o curso! Ou seja, mais de **800 pessoas** melhoraram seu conhecimento em Git, uma ferramenta que é fundamental para o nosso dia a dia como programador.

<h2 id="novos-rumos">Novos Rumos</h2>

E assim como no meu primeiro projeto paralelo teve uma grande mudança, que foi sair da Química para TI. No meu segundo projeto paralelo também tiveram as mudanças de empresas e conhecimento. Para fechar meu terceiro projeto paralelo, eu tinha que ter uma grande mudança também!

Anuncio aqui, que saí da HUGE para me dedicar totalmente aos meus projetos paralelos durante um tempo e também um sonho que tenho há muito tempo, que é viajar pelo mundo, conhecendo novas culturas, novas pessoas e claro, vendo como são os programadores em cada lugarzinho. Sempre me imaginei como na cena abaixo:

![Um homem sentado a beira de um lago com várias montanhas com picos congelados a frente](/assets/img/side-projects/digital-nomad.jpg)

E para conseguir essa grande mudança, eu venho me planejando já há algum tempinho. Juntei um dinheiro enquanto estive nas empresas grandes que passei e agora comecei com essa iniciativa dos cursos online. Fiz cursos gratuitos para mostrar as pessoas como seria meu conteúdo/didática e então depois lancei cursos pagos, que também tiveram ótima recepção.

<h2 id="novos-projetos">Novos Projetos</h2>

Além desse novo rumo que estarei tomando para minha vida, também pretendo criar novos projetos, tudo sempre em prol de ajudar a comunidade e retornar a ajuda que vocês me derem para esse meu sonho. Pretendo sim criar novos cursos de diversos assuntos que vocês tem me pedido e algumas coisas bastante novas que nunca vi sendo feito por aqui. Espero que gostem das surpresas que tem por vir =D

<h2 id="conclusao">Conclusão</h2>

Bom galera, é isso aí, a ideia de criar esse post era passar um pouquinho da minha vida, como ela foi mudando de acordo com meus projetos paralelos. Mostrar para vocês que suas vidas podem mudar e muito fora do seu trabalho principal. Se você faz administração, se você faz química, seja lá o que for, busque o que você ama, mesmo que possa parecer a pior escolha naquele momento, tudo que você faz por amor acaba sendo mais reconfortante e mais valoroso no final.

Você não tem como saber onde os seus projetos paralelos vão te levar. Quando você começa a trabalhar neles, você ainda não consegue ver claramente os benefícios que ele está te trazendo. Mas esses projetos podem trazer várias coisas. Seja um novo portfólio que vai trazer um próximo trabalho ou cliente. Pode ser algo que você se apaixone tanto que te revigore e faça voltar a ter amor pelas coisas e pela sua vida. Enfim, um projeto paralelo pode significar várias coisas e tudo que você precisa é começar!


Fica aqui um relato de alguém que mudou sua vida e quer mudar ainda mais.

Mudando sua vida através de projetos paralelos


## Introdução

Faaala pessoal! Estou aqui para passar uma novidade bem rapidinha para vocês. Quando lancei meu [primeiro post](https://willianjusten.com.br/um-novo-projeto-um-novo-desafio/) sobre o início da criação dos meus cursos, eu falei para vocês que sempre iria disponibilizar conteúdo gratuito e assim foi com o [Curso de Git e Github](https://www.udemy.com/git-e-github-para-iniciantes/) e o [Curso de Jekyll](https://www.udemy.com/criando-sites-estaticos-com-jekyll/).

Mas hoje eu estou aqui, para disponibilizar a [pré-venda](#pre-venda) do meu mais novo curso que será premium, que será: **Aprendendo SVG do início ao avançado**! =D

Uma novidade do curso é que todos irão receber um certificado de conclusão do curso, que poderá ser utilizado como horas extras para faculdade e/ou também para discutir um investimento com sua empresa =)

Em breve eu vou estar colocando aqui um vídeo de divulgação do curso também, para quem quiser compartilhar ^^

Se você já leu meus posts e/ou assistiu algum curso meu e gostou, não perca a oportunidade de pegar o curso na pré-venda, além de você estar ajudando a liberar o curso mais rápido, também ganhará um desconto de **25%** do preço final do curso!! Saindo de **R$ 200,00** (preço no lançamento) para **R$ 150,00**.

Role a página até a parte de [pré-venda](#pre-venda) ou clique no link para escolhar uma das opções. Que pode ser Paypal, Pagseguro ou até mesmo transferência bancária.

**A pré-venda foi finalizada, muito obrigado a todos!**

O curso agora está disponível em seu preço normal e você pode [comprar por aqui](http://www.eventick.com.br/curso-de-svg)

## Video

<iframe width="420" height="420" src="https://www.youtube.com/embed/5CzafH8TUA8" frameborder="0" allowfullscreen></iframe>

## Objetivo do Curso

O curso tem como objetivo passar desde os conceitos básicos do SVG até os mais avançados, permitindo criar basicamente o que se quiser com SVG. O curso será desenvolvido em pequenos módulos com vídeos curtos, facilitando assim o aprendizado e o desenvolvimento do aluno, visando sempre uma didática simples, concisa e bastante aplicada a prática de trabalho.

Existirão alguns projetos ao decorrer do curso, para aplicarmos os conceitos aprendidos, fazendo com que o aluno perceba sua evolução e também comece a trabalhar mais em sua parte criativa e com código.

## Ementa

- Introdução ao SVG
    - Introdução do Curso
    - História
    - O que é?
    - Por que usar?
    - Quando usar?
    - Como criar?
    - Onde baixar?
- Como usar e suas vantagens/desvantagens?
    - Como imagem
    - Como background-img
    - Via iframe/object/embed
    - Como Data URIs
    - Inline SVG
- A estrutura do SVG
    - Plano Cartesiano
    - ViewBox e ViewPort
    - preserveAspectRatio
    - Formas Básicas
    - Elemento Path
    - Groups, defs, use e symbol
- Estilizando o SVG
    - Métodos para estilizar e Peso das Propriedades
    - Fill e Stroke
    - Colorindo ícones com mais de uma cor
- Projeto #1 - Construindo um SVG responsivo e adaptativo
    - Tornando o SVG Fluido
    - Tornando o SVG adaptativo
- Sistemas de Ícones em SVG
    - Fixando o uso de ícones com Symbol
    - Usando o Icomoon
- Projeto #2 - Criando um boilerplate em Gulp para gerar sprites
- Projeto #3 - Criando um loader com SVG e CSS Animations
    - Editando e preparando o visual do nosso loader
    - Usando Keyframes para animar
- Animações SVG com SMIL
    - Entendendo o que é SMIL
    - Criando uma animação simples
    - Famoso Morph Path
    - Especificando um caminho para a animação
- Manipulando SVG com JS
    - Utilizando JS para estilizar e criar novos elementos
    - Algumas bibliotecas aconselhadas
- Criando animações com as propriedades de Stroke
    - Criando um loader animado usando propriedades do stroke
    - Fazendo o efeito de desenhar
    - Usando o scroll para controlar o desenho
- Filtros SVG
    - Alguns tipos de filtros
    - Criando uma animação com filtros
- Acessibilidade no SVG
    - Dicas e informações para deixar tudo mais acessivel
- Performance
    - Criando e Exportando com Illustrator
    - Usando ferramentas para otimizar
- Busque Conhecimento
    - Projeto Awesome-SVG e outros
    - Agradecimentos

## Certificado

Todos os alunos que terminarem o curso irão receber um certificado de conclusão

## Repositório do Curso

Todas as informações aqui, também podem ser encontradas no [repositório do curso](https://github.com/willianjusten/curso-de-svg), lá eu disponibilizarei os exemplos que serão feitos no curso e também irei tirar todas as dúvidas através das issues que podem ser abertas lá.

<h2 id="pre-venda">Pré-venda Finalizada!</h2>

As compras agora poderão ser feitas de duas formas:

- <s>Em dólar direto pela plataforma</s>
- <s>Em real através do Eventick </s>

**Update:** o curso agora pode ser adquirido através da [Udemy](https://www.udemy.com/aprendendo-svg-do-inicio-ao-avancado/)

### Contato

Qualquer dúvida ou curiosidade, é só mandar um email para willianjustenqui@gmail.com ou então falar comigo através de qualquer rede social.


Se adiante e adquira um dos cursos mais completos de SVG totalmente em português.

Pre-venda: Curso de SVG

Se adiante e adquira um dos cursos mais completos de SVG.

Willian JustenSoftware Engineer

Exemplos de sites com Parallax

Se inspire com alguns sites feitos usando a técnica do parallax.

Introdução

O efeito parallax

Exemplos

Alquimia WRG

Scroll for your Health

Mélanie F - Slippers for children

Giampiero Bodino - Italian High Jewellery

Anton & Irene

Werkstatt - l'atelier interactif

Giacomorelli

You waste a lot of time at work

Make your money matter

Every last drop

The Arnold Clark Savings Challenge

Rumchata.com

Conclusão