Dia do RockBY KZUKA
INTERACAO JORNAL / DIGITAL
‘‘
TRABALHO PARALELO
FrontEnd
WebAnalytics
FrontEnd UX PO
kzuka
Tecnopuc
Editora Designer
O HTML5 ESTA PRONTO?
`
A tag audio por si só não faz muita coisa
[
[
[
[A API Javascript pode ser usada para controlar o som
[[ jQuery, na versão “normal” não ajuda muito com dispositivos mobile
USAMOS ZEPTO
Framework minimalista em Javascript com linguagem compatível com jQuery
p.ex.: $, $().on()
Resolveu o problema de delay no touch(POREM, SOMENTE DO TOUCH)
Diminuiu o tamanho total dos arquivos
1.
2.
,
Ainda tínhamos (E TEMOS) um bug clássico (?) audio.play() audio.currentTime = 0 //ou 0.1 ou ‘0.1’
OU...
Resolvemos com Soundjs Velocidade de resposta ficou ok(NOS MELHORES BROWSERS)
Gravamos as notas separadas usando o Guitar Pro 6 (VERSAO TRIAL. SEM PIRATARIA, GENTE!)
e Audacity
’
FALA CRIS!
POM POM POM TCHAU
ANIMACOES
CSS - animation com @keyframesPORQUE ANIMATION COM JS - SUCKS
‘
‘
1 CORDA
REPLICAR E ADAPTAR
SEM IMAGENS!
Botões e Sombras
• Maleável• Reaproveitamento• Leve• Menos requisições
NAO CARREGUE IMAGENS GRANDES NO MEU 3G, PLS!
(A GUITARRA, NE?)
Responsividade
• Otimizar o aproveitamento do espaço disponível.• O que importa é o rock!
`
‘
941 usuários/browsers, sendo 290 dispositivos móveis
305 INTERACOES. ISTO E BOM OU RUIM?’
`’
ISTO E BOM!`
OBRIGADO!
