IGGO STUDIOS · ebooks técnicos
um livro técnico da IGGO Studios

Sessenta Vezes
por Segundo

O ritmo da web. O que o navegador faz nos 16 milissegundos entre um frame e o outro, e por que isso decide se a sua animação funciona ou trava.

Capa do livro Sessenta Vezes por Segundo
116 PÁGINAS · 15 CAPÍTULOS + GLOSSÁRIO · PDF · IGOR OLIVEIRA CARDOSO
60 vezes por segundo • 60 vezes por segundo • 60 vezes por segundo •
O PROBLEMA

Aquele parallax que some quando o usuário rola rápido. Aquele efeito lindo no seu notebook e slideshow no celular da sua avó. Aquele tremido que só aparece na demo pro cliente.

01

Você copia código de tutorial, funciona, mas você não sabe por que funciona, nem por que, às vezes, para de funcionar.

02

Cada framework de animação abstrai um pouco mais o que está acontecendo, até você não conseguir mais debugar nada sozinho.

03

Ninguém te explicou o que o navegador faz de verdade nesses 16ms entre um frame e o próximo. Esse livro explica.

O que tem dentro das 116 páginas

15 capítulos que vão do rendering loop até um sistema de efeitos completo, fechando com um capítulo dedicado só a debugar animação, coisa que quase nenhum material técnico cobre.

01O Navegador Nunca ParaO loop de renderização que roda 60x por segundo enquanto você olha pra tela.
02RequestAnimationFrameA função que todo tutorial menciona e nenhum explica de verdade.
03LerpInterpolação linear, a matemática por trás de todo movimento suave.
04Scroll EventsPor que ouvir o scroll direto é uma armadilha de performance.
05ParallaxComo construir profundidade sem quebrar em telas e velocidades diferentes.
06IntersectionObserverSaber o que está visível sem recalcular a página inteira a cada pixel.
07Sistema de EfeitosOrganizar várias animações sem que uma pise na outra.
08O Efeito de ExpansãoConstruindo, passo a passo, um efeito real de card que expande no scroll.
09Transform, GPU e PerformanceA escolha de propriedade CSS que importa mais do que qualquer otimização de JS.
10Scroll BandO efeito de faixa de texto contínua, usado nesta própria página.
11Fade, Blur e RevelaçãoEfeitos de entrada que não parecem genéricos nem picotados.
12Textura e MaterialidadeDar peso visual a uma interface sem pesar a performance.
13Arquitetura e OrganizaçãoEstruturar o código de animação pra você mesmo entender daqui a 6 meses.
14Debugging de AnimaçõesComo investigar jank, travamento e comportamento errático com método, não sorte.
15O Sistema CompletoJuntando tudo em uma arquitetura de efeitos coesa, do zero.
+GlossárioTodos os termos técnicos do livro reunidos em um único lugar, pra consulta rápida.
16 milissegundos • 16 milissegundos • 16 milissegundos • 16 milissegundos •
DIRETO DO LIVRO
PREFÁCIO
"Tem dois tipos de desenvolvedor: os que resolvem bugs e os que não criam bugs. A diferença entre eles não é talento. É entender o que está acontecendo de verdade."
CAP. 01
"16 milissegundos. É menos tempo do que leva para você perceber que alguém estava te olhando. E é tudo que o browser tem para fazer o frame inteiro."
CAP. 01
"Usar top em vez de transform em uma animação de scroll é como tentar correr uma maratona de sapato social. Tecnicamente funciona. Mas você vai chegar destruído, tarde, e todo mundo vai ter percebido que algo está errado."
CAP. 02
"O rAF para automaticamente quando a aba não está visível. Sem você fazer nada."

ESSE LIVRO É PRA VOCÊ SE

  • Você já usa JavaScript no dia a dia e quer entender o que acontece sob o capô das animações.
  • Você já tentou fazer um efeito de scroll e ele quebrou em algum dispositivo, e você não sabe por quê.
  • Você usa GSAP, Framer Motion ou outra lib e quer parar de depender só delas quando algo dá errado.
  • Você quer construir efeitos próprios, do zero, com controle real sobre performance.

PROVAVELMENTE NÃO É PRA VOCÊ SE

  • Você procura um pacote de efeitos prontos pra copiar e colar sem entender.
  • Você nunca escreveu uma linha de JavaScript e quer começar por aqui.
  • Você quer uma promessa de "site perfeito em 24h", esse não é esse tipo de livro.

Igor Oliveira Cardoso

Escrito e diagramado por Igor Oliveira Cardoso, fundador da IGGO Studios (Bahia). O livro nasce da própria prática de construir sites e efeitos de scroll para clientes reais, inclusive o efeito de scroll band que você viu rodando nesta página é o mesmo explicado no capítulo 10.

SESSENTA VEZES POR SEGUNDO

Pare de adivinhar por que sua animação quebra.

116 páginas de fundamento técnico direto, sem promessa de efeito mágico, sem enrolação. O que sobra depois que o framework da moda muda de novo.

R$ 29,99 PAGAMENTO ÚNICO · ACESSO IMEDIATO EM PDF
Quero o livro agora

Compra processada com segurança pela Hotmart · entrega digital imediata em PDF