DEV Community

Cover image for Como funcionava o famoso site do Space Jam de 1996? A gambiarra do sidebar
Camilo Micheletto
Camilo Micheletto

Posted on

Como funcionava o famoso site do Space Jam de 1996? A gambiarra do sidebar

No artigo anterior exploramos a página inicial do site do Space Jam de 1996 (link), mas ele é muito mais que isso.

Habemos a parte mais interessante de todo o site...


O sidebar

Sidebar do site space jam

 

FRAME-FUCKING-SET

Antes do <iframe> as pessoas desenvolvedoras usavam frames e agregavam eles dentro de um frameset. Cada frame continha um pedaço do sidebar - tinha um frame pro logo e pra lista de items, até o corpo da página era seu próprio frame.

🔎 Seria essa a primeira arquitetura de Microfrontend já vista?

 

O frame fazia uma requisição pra um documento e o renderizava no que era chamado de browsing context - como se fosse um mini navegador embutido.

Elementos frame embutidos na página

 


Fica, vai ter games

Página do Game Match the monstas do site space jam

Nessa página do game apareciam os monstros crescidos de chupinhar sabedoria basquetelística dos jogadores (se você não sabe do que eu tô falando assista o filme! Você pode assistir na Apple TV+ se você já tiver assinado, senão procure "assistir space jam dublado torrent" no Google como uma pessoa normal)

Você clicava no monstro que a pereba virava, e o jogo te redirecionava pra outro HTML falando se vc acertou ou não. Simples e genial, né?

Atenção pro elemento <nobr> (meio que white-space: nowrap só que no HTML) e no comentário (lkkkk) "bless the beasts and the children".


Créditos e fim

Página de créditos no formato de árvore de natal

Pra finalizar, um bom site merece créditos, né? Mas mais uma vez, nenhum segredo, <tr> e <td> com bastante align. Mas incrível mesmo assim né?

Mas opa, o que é isso!?

Zoom no texto do footer da página de créditos

 

WTF?!?

Zoom ainda maior, num caractere y taxado, é um link

 

É um link ??111???1?

Link confirmado após inspecionar

 

Baixou

yeah.aiff

 


Yea

Top comments (10)

Collapse
 
demenezes profile image
deMenezes

Não esperava por aquele final kkkkkk tinha uma época que a web fazia barulho, qualquer clique nos comandos do Firefox (refresh, voltar, etc) tinha um somzinho

PS: se microfrontend é isso aí mesmo, quero distância

Collapse
 
lixeletto profile image
Camilo Micheletto

Hahauaususu saudade dessa web sensorial. Lembra das páginas que tinham rádio com autoplay?

Collapse
 
demenezes profile image
deMenezes

Lembro claro, passava a sensação de ser super tecnológico kkkkk

Collapse
 
raulferreirasilva profile image
Raul Ferreira

Vey não sou dessa época, mas deveria ser uma loucura, hoje em dia o operaGX está fazendo isso com sons personalizados pelos "mods", que modificam tanto o visual do browser, quanto efeitos sonos e eu me divirto com os sons KKKKK 🦤.

Tem um que eu racho de rir, que toda tecla do teclado vira miado de gato quando digita

Collapse
 
jessilyneh profile image
Jessilyneh

Primeira a comentar aqui pra dizer que voce é incrivel e essa sequencia ta perfeita!

Collapse
 
lixeletto profile image
Camilo Micheletto

Eu sou mt privilegiado mesmo ein, tá maluco 🥹🥹

Collapse
 
dan_bertolini profile image
Daniel Bertolini

Incrível e para a época isso era o fino do fino, mas hoje seria considero crime e motivo para justa causa haha. Inclusive, se topar o desafio de construir o site novamente usando padrões modernos apenas com html e css acho que seria uma experiência legal

Collapse
 
lixeletto profile image
Camilo Micheletto

Po, grande ideia, vou brincar disso!

Collapse
 
raulferreirasilva profile image
Raul Ferreira

Sites com easter eggs sempre são sensacionais, sinto falta de ver isso hoje em dia, de causar essa curiosidade e prender o usuário a achar algo interessante pelo site 🦤.

Collapse
 
ninetails profile image
Nina Kitsu

Frameset, to me sentindo velha 🤣