Índice
Introdução
Vamos dar um passeio nostálgico de volta ao final dos anos 90 – uma época de internet dial-up quando ter uma home page no GeoCities fazia de ti um gato fixe no reino online. O GeoCities encorajava os utilizadores a criarem as suas próprias casas no ciberespaço, com objectos animados, marquises, cores néon e música de fundo MIDI.
Estamos em 2022, já ninguém fala do GeoCities desde que o Yahoo o abandonou definitivamente em 2009. Mas a questão que se coloca é: e se quiseres recriar sites ao estilo do GeoCities agora?
Vamos descobrir os melhores métodos para reencarnar esses designs vintage vibrantes com codificação moderna e tecnologias de arrastar e largar.
Começa com a Recolha de Inspirações
Antes de arregaçares as mangas e começares a mexer no código, é necessário familiarizares-te novamente com o estilo da velha escola do GeoCities. Os elementos de um site GeoCities clássico incluem numerosas cores vibrantes, Comic Sans, animações (ah, o cursor de rasto brilhante!), sons de fundo MIDI e desenhos de layout desorganizados.
A máquina do tempo ainda não existe, mas a muito celebrada Wayback Machine existe! Podes procurar páginas web vintage guardadas na Wayback Machine do Internet Archive para obteres a inspiração perfeita.
Mais uma vez, um projeto chamado Geocities Gallery, que te ajuda a folhear as páginas de capturas de ecrã guardadas da era mais neon do serviço, é uma mina de ouro para reunir essas inspirações incríveis.
Precisas de um mergulho mais profundo no mundo da estética histórica da Internet? “Geocities: When the Internet was Paradise” pode dar-te aquela experiência de navegação dos velhos tempos.
Codificação da velha escola: Abraça o HTML
O GeoCities apresentou a muitos de nós o nosso primeiro vislumbre da construção de um site com HTML e CSS básico. Se quiseres seguir o caminho nostálgico da construção da Web, não há nada como escrever o teu próprio HTML.
Algumas ferramentas de edição, nomeadamente o Sublime Text ou o Atom, são óptimas para este fim. Se não te quiseres preocupar com a parte da codificação e puderes investir um pouco, considera comprar o Adobe’s Dreamweaver. Vale a pena quando procuras um editor combinado WYSIWYG e de código.
Utiliza as ferramentas de design RetroWeb
É a era que Joel e Ethan chamavam de “facilidade de uso”. As ferramentas modernas de web design estão programadas para suportar a codificação retro-stack. Tornam definitivamente a tarefa mais fácil e magistral.
A primeira delas é Glitch – está equipada para gerir esses formatos antigos como HTML, CSS e JavaScript para recriar esses estilos lendários, com um editor de código gratuito e fácil de utilizar para principiantes.
Neocities, uma combinação animada de codificação manual ao estilo da velha escola e arrastar e largar da nova escola, abraça expressões individuais e designs carregados de GIF na sua interface. A parte mais impressionante é que dispõe de 1 GB de armazenamento gratuito!
Macaw, tem funcionalidades que imitam o Photoshop, porque os seus criadores são “alquimistas do Photoshop”. Basta esboçar o design, manipular os layouts – e Eureka – um site retro deslumbrante está pronto em pouco tempo com o Macaw.
Aplica fontes e cores clássicas
Isto torna-se essencial para despertar a estética do passado. Murmurando apenas duas palavras – Comic Sans. O uso descarado deste tipo de letra ousado foi um marco no tempo do GeoCities.
Não tinhas vergonha de cores ousadas nos anos 90. Corrigir as cores neon sobre preto ou usar cores primárias brilhantes sobre fundos brancos volumosos – sim!
Dá uma vista de olhos em “Web Design with HTML, CSS, JavaScript and jQuery Set” de Jon Duckett para obteres orientação sobre a implementação da estética dessa época no teu Web site.
Abraça os GIFs e as tendas
Inevitavelmente, a utilização massiva de GIFs brilhantes e textos a deslizar pelo teu ecrã eram os fenómenos mais importantes para os sites GeoCities. Devolve os GIFs à sua posição astronómica, ou adopta a tag HTML marquee – caiu na obsolescência com o abandono do GeoCities, mas – sustém a respiração – está a voltar à vida!
MIDI para ganhares.
Não és um gajo de aço se te lembras de como os nossos crânios se abriam quando a faixa MIDI de fundo que tocava automaticamente gritava no volume máximo. Revive esses protocolos imbatíveis de plugins MIDI Background Player sem lei que suportam WP ou copia o HTML
Embrulha e depois voilá
Aqui chegamos ao fim da nossa nostálgica viagem de criação web. Recriar um site do tipo GeoCities pode parecer uma tarefa não menos árdua. Porque o velho é ouro, e o ouro é raro. Mas a diversão e a liberdade artística que tem para oferecer durante todo o processo são de cortar a respiração. Por isso, agarra nas tuas inspirações, nas fontes de aprendizagem, num editor de código eficiente ou em ferramentas de web design da velha guarda com suporte para GIFs animados gratuitos e com a vantagem do letreiro – e já está, foge para o teu espaço digital nostálgico dos anos 90. Boa codificação de volta no tempo!
