1 pontos por GN⁺ 2025-03-04 | 1 comentários | Compartilhar no WhatsApp
  • Introdução ao Scroll Buddy

    • Este é um projeto que adiciona uma figura animada de palito para deixar a barra de rolagem mais divertida
    • Ao rolar a página, é possível ver a figura de palito se movendo para cima e para baixo ao lado da página
    • No futuro, estão planejadas várias versões, como skatista, escalador e esquilo
  • Avisos

    • A animação de exemplo incluída na lateral da página pode causar problemas para alguns leitores
    • Leitores com distúrbios vestibulares devem ativar o recurso de redução de movimento no dispositivo antes de ver a animação
    • Quando a configuração de redução de movimento está ativada, o Scroll Buddy fica oculto na maioria dos navegadores
  • Outras informações

    • Este projeto foi feito com JavaScript simples
    • Estão recebendo sugestões de ideias para tornar a barra de rolagem mais interessante
  • Conteúdo adicional

    • O restante do texto é texto fictício para rolagem e não tem relação com o conteúdo real

1 comentários

 
GN⁺ 2025-03-04
Comentários no Hacker News
  • Divertido. Eu tinha uma ideia ainda não codificada. Basicamente, seria um hamster com paraquedas descendo lentamente até o fim da página
    • Se você rolar rapidamente, o paraquedas abre e ele pousa de novo na parte de baixo da viewport
    • Ao passar o mouse, ele segura uma placa com "Top" e, ao clicar, sai voando com um jetpack; quando a tela chega ao topo, ele abre o paraquedas de novo e pousa suavemente na parte inferior da tela
  • Fico me perguntando por que ninguém chamou isso de Stroll Bar
  • Esse tipo de recurso deveria ser desativado quando o usuário tiver a configuração prefers-reduced-motion
    • É preciso uma regra CSS adicional
    • @media (prefers-reduced-motion) { #scrollBuddy { visibility: hidden; } }
  • Seria divertido ter, em vez de uma barra de rolagem sem graça, um bonequinho animado andando para cima e para baixo ao lado da página
    • Fiz o primeiro protótipo
    • Depois vou fazer um skatista, um escalador e um esquilo
    • Queria saber que outros amigos de rolagem seriam legais de criar
  • Fico me perguntando por que esconderam a implementação atrás de um Google Form
    • Os detalhes da implementação são facilmente acessíveis pelo DOM
    • Compartilhei um gist que permite extrair os detalhes relevantes sem fornecer e-mail
  • Fico me perguntando por que isso está atrás de um Google Form. Nem sequer há uma captura de tela de como é antes de coletarem o endereço de e-mail. Que post estranho para ir parar na página principal
  • Isso me lembra do fim dos anos 90, quando as pessoas adicionavam olhos ou efeitos de fogo que seguiam o mouse nos sites
  • Não sei o que estou deixando passar. No Firefox e no Chrome, não vejo nada além da própria barra de rolagem. Talvez tenha relação com a cor personalizada da barra de rolagem
  • Projetos assim me fazem lembrar da internet antiga. Gosto disso
  • Isso destaca o quanto as barras de rolagem existentes são inúteis e difíceis de usar
    • Gostei do recurso que facilitava ver onde eu estava na página. Também tem humor. Gostei