Coisas que só desenvolvedores web dos anos 90 lembram (2014)

Coisas que só desenvolvedores web dos anos 90 lembram

• Os desenvolvedores web dos anos 90 combinavam as tags <blink> e <marquee> para criar animações de computador inovadoras.
• Na época, essas técnicas eram vistas como grandes inovações, e os desenvolvedores web eram reconhecidos como pioneiros da inovação tecnológica.

1x1.gif

• 1x1.gif é uma imagem GIF transparente composta por um único pixel, considerada a conquista mais importante da ciência da computação desde a lista ligada.
• Essa pequena imagem era otimizada para a web responsiva e usada para posicionar livremente elementos em uma página web.
• Com uma tag como <IMG SRC="/1x1.gif" WIDTH=150 HEIGHT=250>, era possível posicionar elementos da página nos lugares desejados.

    

• A entidade HTML   cria espaços em branco e era muito útil quando o uso de imagens era difícil.
• Repetindo   várias vezes, era possível criar a quantidade de espaço desejada, uma técnica muito usada no desenvolvimento web dos anos 90.

Sublinhado pontilhado, efeitos de borda

• Com a chegada do CSS, os desenvolvedores web passaram a usá-lo para remover o sublinhado dos links.
• Essa mudança deixou a internet mais confusa, mas ao mesmo tempo abriu caminho para o desenvolvimento de novas técnicas, como efeitos de cursor.

DHTML

• A combinação de CSS e JavaScript deu origem à tecnologia chamada DHTML.
• O DHTML ajudou a transformar o desenvolvimento web de hobby em profissão, além de fornecer blocos de código que permitiam resolver problemas só com copiar e colar.

Fontes em pixel

• Como a resolução das telas era baixa, usavam-se pequenas fontes em pixel para aproveitar ao máximo o espaço na tela.
• Os desenvolvedores web começaram a se interessar por pixel art, algo que podia ser visto nas telas de abertura das páginas web.

Botões

• O Internet Explorer 4.0 era considerado a forma perfeita de um navegador web e influenciava a decisão dos usuários sobre qual navegador usar.
• Os sites exibiam vários botões de 88x31 pixels, símbolos da experiência e das preferências dos desenvolvedores web.

Opinião do GN⁺

• Este texto desperta a nostalgia do desenvolvimento web dos anos 90 e relembra as inovações técnicas e a criatividade da época.
• Mostra como técnicas simples como o 1x1.gif e   revolucionaram o design de páginas web.
• Ajuda os desenvolvedores atuais a entender o quanto as tecnologias web do passado eram criativas e experimentais.

[GN⁺]

Comentários do Hacker News

• Relato de experiência com mapas de imagem no lado do servidor

  • Um administrador de sistemas e iniciante em programação web usou mapas de imagem no lado do servidor em vez de JavaScript para lidar com pontos em uma imagem.
  • Por preferir evitar JavaScript, acabou tendo que escrever mais código em Python.

• Alinhamento vertical central no passado e no presente

  • No passado, não era possível usar vertical-align: middle;, o que causava grande perda de produtividade, mas agora isso não acontece mais.
  • Recordações dos estilos de hover de links da era do Internet Explorer e dos designs com cantos arredondados usando tabelas.

• Explicação sobre DHTML (Dynamic HTML)

  • É apontado que DHTML não significa “HTML distribuído”, e sim “HTML dinâmico”.
  • Era possível copiar código de sites como o Dynamic Drive para resolver problemas.

• Uso de frames e seus problemas

  • Os frames eram a “solução” original para evitar ter que modificar a barra de navegação em várias páginas.
  • Havia problemas quando alguém acessava diretamente uma página dentro de um frame e quando mecanismos de busca indexavam partes da página separadamente.

• Exploração do recurso de expansão da barra de menu da homepage da Microsoft

  • Em 1996, houve uma tentativa de entender o recurso de expansão da barra de menu da homepage da Microsoft.
  • Havia o problema de o código-fonte aparecer em uma única linha e o mal-entendido sobre a entidade  .

• Design com cantos arredondados usando tabelas

  • Técnica de criar cantos arredondados usando uma tabela 3x3 e imagens.
  • Essa técnica também foi usada por muito tempo em emails HTML.

• Recomendação da Geocities Gallery

  • Recomenda-se a Geocities Gallery para vivenciar a web dos anos 90.
  • O design único das páginas pessoais e o conteúdo cheio de personalidade contrastam com as redes sociais de hoje.

• Compatibilidade dos navegadores com as tags <blink> e <marquee>

  • O Netscape suportava <blink>, e o Internet Explorer suportava <marquee>, mas era raro encontrar suporte aos dois.

• Características dos sites dos anos 90/2000

  • Uso do aviso “Optimized for 800x600 resolution” e do selo de certificação “Valid HTML 4.01”.
  • Os anúncios evoluíram de simples banners de imagem para bundles complexos de JavaScript e anúncios em vídeo.

• Ausência do uso do termo “webmaster”

  • Levanta-se a dúvida sobre o fato de a palavra “webmaster” não ter sido mencionada nenhuma vez no artigo.