1 puan yazan GN⁺ 2024-01-26 | 1 yorum | WhatsApp'ta paylaş

Sadece 90'ların web geliştiricilerinin hatırladığı şeyler

  • 90'ların web geliştiricileri, <blink> etiketi ile <marquee> etiketini birleştirerek devrim niteliğinde bilgisayar animasyonları oluşturuyordu.
  • O dönemde bu teknikler büyük bir yenilik olarak görülüyordu ve web geliştiricileri teknolojik inovasyonun öncüleri olarak algılanıyordu.

1x1.gif

  • 1x1.gif, yalnızca tek bir pikselden oluşan saydam bir GIF görseliydi ve bilgisayar bilimlerinde linked list'ten sonraki en önemli başarı olarak görülüyordu.
  • Bu küçük görsel, duyarlı web için optimize edilmişti ve web sayfasındaki öğeleri serbestçe yerleştirmek için kullanılıyordu.
  • <IMG SRC="/1x1.gif" WIDTH=150 HEIGHT=250> gibi etiketler kullanılarak web sayfasındaki öğeler istenen konumlara yerleştirilebiliyordu.

    

  •   etiketi, boşluk oluşturan bir HTML entity'siydi ve görsel kullanmanın zor olduğu durumlarda faydalıydı.
  •   art arda tekrarlanarak istenen miktarda boşluk oluşturulabiliyordu; bu da 90'ların web geliştirmesinde sık kullanılan bir teknikti.

Noktalı alt çizgi, kenarlık efektleri

  • CSS ortaya çıktığında web geliştiricileri, bağlantıların alt çizgisini kaldırmak için CSS kullanmaya başladı.
  • Bu değişim interneti daha karmaşık hale getirdi, ama aynı zamanda imleç efektleri gibi yeni tekniklerin geliştirilmesine de zemin hazırladı.

DHTML

  • CSS ile JavaScript'in birleşmesi, DHTML adlı tekniği ortaya çıkardı.
  • DHTML, web geliştirmenin bir hobiden profesyonel bir mesleğe dönüşmesine yardımcı oldu ve yalnızca kopyala-yapıştır ile sorun çözebilen kod blokları sağladı.

Piksel fontlar

  • Bilgisayar ekranlarının çözünürlüğü düşük olduğu için, ekran alanını en verimli şekilde kullanmak amacıyla küçük piksel fontlar kullanılıyordu.
  • Web geliştiricileri piksel arta ilgi duymaya başladı; bu da web sayfalarının splash screen'lerinde görülebiliyordu.

Butonlar

  • Internet Explorer 4.0, web tarayıcısının kusursuz biçimi olarak görülüyordu ve kullanıcıların hangi tarayıcıyı kullanacağına dair kararlarını etkiliyordu.
  • Web sitelerinde çeşitli 88x31 piksellik butonlar sergileniyordu; bunlar web geliştiricisinin deneyimini ve tercihlerini gösteren sembollerdi.

GN⁺ görüşü

  • Bu yazı, 90'ların web geliştirmesine dair nostalji uyandırıyor ve dönemin teknik yeniliklerini ve yaratıcılığını hatırlatıyor.
  • 1x1.gif ve   gibi basit tekniklerin web sayfası tasarımında nasıl devrim yarattığını gösteriyor.
  • Günümüz web geliştiricilerinin, geçmiş web teknolojilerinin ne kadar yaratıcı ve deneysel olduğunu anlamasına yardımcı oluyor.

1 yorum

 
GN⁺ 2024-01-26
Hacker News görüşleri
  • Sunucu tarafı image map ile ilgili deneyim

    • Sistem yöneticisi ve web programlamaya yeni başlayan biri, görsel üzerindeki noktaları işlemek için JavaScript yerine sunucu tarafı image map kullandı.
    • JavaScript'ten kaçınma tercihi nedeniyle daha fazla Python kodu yazmak zorunda kaldı.
  • Dikey ortalama konusunda geçmiş ve bugün

    • Geçmişte vertical-align: middle; kullanılamadığı için büyük bir verimlilik kaybı vardı, ama artık öyle değil.
    • Internet Explorer dönemindeki link hover stilleri ve tablolarla yapılan yuvarlatılmış köşe tasarımlarına dair anılar.
  • DHTML (Dynamic HTML) açıklaması

    • DHTML'nin "dağıtık HTML" değil, "dinamik HTML" anlamına geldiği belirtiliyor.
    • Dynamic Drive gibi sitelerden kod kopyalayarak sorunlar çözülebiliyordu.
  • Frame kullanımı ve sorunları

    • Frame'ler, gezinme çubuğunu birden fazla sayfada ayrı ayrı değiştirme gereğini ortadan kaldıran ilk "çözüm"dü.
    • Bir frame sayfasına doğrudan erişilmesi ve arama motorlarının sayfanın parçalarını ayrı ayrı indeksleyebilmesi gibi sorunlar vardı.
  • Microsoft ana sayfası menü çubuğunun genişleme özelliğini inceleme

    • 1996'da Microsoft ana sayfasındaki menü çubuğunun genişleme özelliğini anlamaya çalışma.
    • Kaynak kodunun tek satır halinde görünmesi sorunu ve   entity'si hakkındaki yanlış anlama.
  • Tablolarla yuvarlatılmış köşe tasarımı

    • 3x3 tablo ve görseller kullanarak yuvarlatılmış köşe oluşturma tekniği.
    • Bu teknik HTML e-postalarda da uzun süre kullanıldı.
  • Geocities Gallery önerisi

    • 90'lar web'ini deneyimlemek için Geocities Gallery tavsiye ediliyor.
    • Kişisel web sayfalarının kendine özgü tasarımı ve kişiliği yansıtan içeriği, günümüz sosyal medyasıyla tezat oluşturuyor.
  • <blink> ve <marquee> etiketlerinin tarayıcı uyumluluğu

    • Netscape <blink> etiketini, Internet Explorer ise <marquee> etiketini destekliyordu; ancak ikisini birden destekleyen durumlar nadirdi.
  • 90'lar/2000'ler web sitelerinin özellikleri

    • "800x600 çözünürlük için optimize edilmiştir" ibaresi ve "Valid HTML 4.01" rozeti kullanılıyordu.
    • Reklamlar basit görsel banner'lardan karmaşık JavaScript paketlerine ve video reklamlara dönüştü.
  • "Webmaster" teriminin kullanılmaması

    • Yazıda "webmaster" kelimesinin bir kez bile geçmemiş olmasına dair soru işareti.