Anlaması zor olsa da, CERN onu 1993'te kamu malı haline getirdiğinden beri web dünyamızın bir parçası olmuştur. Onlarca yıl sonra gelişecekti.
Web tasarımcıları, bu yeni ve deneysel aracı kullanarak sürekli olarak yenilikler yaptı ve sınırları zorladı. Riskler vardı – ama aynı zamanda işleri eğlenceli kılan da buydu. Görünüşe göre herkes web'in potansiyeline ulaşmasına yardım etmede rol oynamak istiyor.
Gerçekte, çoğu deney işe yaramadı. Bazıları fırlatıldıkları kadar çabuk sendelediler. En azından, genç bir endüstri için iyi öğrenme deneyimleri olarak kabul edilebilirler.
Yine de çığır açan birkaç trend, araç ve teknik vardı - onları bu şekilde görmek yıllar sürse bile. Web'e bugünün penceresinden baktığınızda, bunların gelecekte olacakların habercisi olduğunu söyleyebilirsiniz. Onlar olmadan, şimdi hafife aldığımız bazı kaygan özelliklere sahip olmayabiliriz.
Bununla birlikte, zamanlarının ilerisinde olan bazı web tasarım konseptlerine bir göz atalım.
HTML Çerçeveleri
W3C , HTML çerçevelerini şu şekilde tanımlar:
HTML çerçeveleri, yazarların belgeleri bağımsız pencereler veya alt pencereler olabilen birden çok görünümde sunmasına olanak tanır. Birden çok görünüm, tasarımcılara belirli bilgileri görünür tutmanın bir yolunu sunarken, diğer görünümler kaydırılır veya değiştirilir.
Uygulamada çerçeveler, birden çok HTML belgesinin aynı anda görüntülenmesini mümkün kıldı. Tahmin edebileceğiniz gibi, bu bazı benzersiz uygulamalara yol açtı. Bazıları gerçek dünyada diğerlerinden daha yararlı hale geldi.
Navigasyon, en popüler kullanımlardan biriydi. Örneğin, bir tasarımcı, ekranın yan tarafında bulunan bir çerçeve içinde dikey bir gezinme kullanıcı arabirimi oluşturabilir. Bir gezinme öğesinin tıklanması, içeriği ortadaki daha büyük bir çerçeveye yükler. Başlıklar da çerçeveler için doğal bir uyumdu. Kullanıcı ana içerik alanında gezinirken öğe yerinde kalabilir.
Sonuç olarak, bunlar web sitelerini biraz daha kullanıcı dostu hale getirme girişimleriydi. Akıllı kullanım görüntülerin her sayfa görünümü yerine statik çerçevelerde oturum başına yalnızca bir kez yüklenmesiyle sonuçlanabileceğinden, performans artışı potansiyeli de vardı. Önbelleğe alma yaygınlaşmadan önceki günlerde bu büyük bir sorundu.
Geriye dönüp bakıldığında çerçeveler, kaydırma sırasında sabit bir konumda kalan " yapışkan " öğeler oluşturmanın erken bir yolunu sunuyordu. Eski HTML özelliği kullanımdan kaldırılmış olsa da, artık bu özellikleri oluşturmak için CSS'yi kullanabiliriz.
Flaş Animasyon
Flash, erken web'in en bölücü teknolojilerinden biri olmalıydı. Bir yandan, tasarımcıların bazı inanılmaz multimedya güdümlü içerikler oluşturmasına izin verdi. Ama aynı zamanda birçok dezavantajı vardı.
Tüm web siteleri Flash ile oluşturulduğunda, genellikle erişilebilirlik sorunlarından müzdaripti. Ayrıca, yavaş internet bağlantısı olan kullanıcılar için uzun yükleme süreleri yaygındı. Ayrıca bir veya iki web tarayıcısını çökerttiği de biliniyordu.
Mobil uyumluluk da bir anlaşmazlık noktasıydı. İlk iOS cihazları, formatın kaderini sonsuza dek belirlemiş gibi görünen Flash'ı desteklemiyordu. Adobe nihayet 2020'nin sonunda - parlak günleri sona erdikten çok sonra - onu desteklemeyi bıraktı.
Sorunlar bir yana, Flash, animasyon ve etkileşimli multimedya için bir kullanıcı iştahı gösterdi. Teknolojinin kendisi henüz orada olmasa bile, bu unsurların ana akım haline gelmesine izin verdi.
CSS animasyonundan tarayıcı tabanlı araçlara kadar her şey Flash'a şükran borçludur. Geleceğin ağının nasıl görünebileceğini gösterdi. Zamanla bu, multimedyayı uygulamanın ve bunu açık standartlar yoluyla yapmanın daha iyi bir yolunu sağladı.
Java ve Vanilla JavaScript
Bu iki dil doğrudan ilişkili olmasa da, ilk web sitelerine yeni bir işlevsellik düzeyi getirmek için bir araya geldiler. İlki web'in çok ötesine ulaşmış olsa da, her ikisi de hala ortalıkta.
Java, birden çok aygıtta çalışacak şekilde tasarlanmıştır ve veritabanları ve içerik yönetim sistemleri (CMS) bir web sitesinin ortak bileşenleri olmadan önce, dil bir sayfaya uygulama benzeri işlevler eklemenin bir yolunu sağlıyordu.
Örneğin, canlı maç sonuçlarını veya haber başlıklarını düşünün. Java uygulamaları, bu tür bilgilerin gerektiğinde otomatik olarak güncellenmesini sağlamak için gömülebilir. Bunu sayfadan bağımsız olarak yaptı, yani en son sürümü görmek için tarayıcınızdaki yenile düğmesine basmanız gerekmiyordu.
Bu, benzer görevleri performans yükü olmadan gerçekleştirebilen AJAX gibi teknolojilerin yolunu açtı. Performanstan bahsetmişken, Java'nın o günlerde geri yüklenmesi inanılmaz derecede yavaştı. Nispeten küçük bir uygulama bile, sisteminizin sabit diskinin durmadan çalışmasına neden olabilir.
Vanilya JavaScript'e gelince, ilk olarak 1995'te sahneye çıktı. Form doğrulama ve uyarıları görüntüleme gibi temel görevleri yerine getirdi. Ancak, ilk vurgulu efektler arasında olduğu ortaya çıkan şeyi yaratmak için de kullanılabilir.
Örneğin, bir resmin üzerine gelmek, bir tasarımcının orijinali farklı bir resimle değiştirmesine izin verdi. Bu, görüntü tabanlı gezinme kullanıcı arabirimlerinde yaygın olarak kullanılıyordu. Popüler Dreamweaver WYSIWYG editörü, tam da bu amaç için bir komut dosyasıyla önceden yüklenmiş olarak geldi.
Bu, geleceğin bir ipucu olarak hizmet etti. Sonunda, CSS3 benzer görsel efektler sunacaktı ve jQuery'den React'e JavaScript çerçevelerinin patlaması, web geliştirmenin temel taşları haline gelecekti ve vanilya JavaScript hiçbir yere gitmedi. Her zamankinden daha güçlü olan bazı geliştiriciler, onu özel çerçeveler yerine seçti.
Bu dillerin her biri, kullanıcılara dinamik web'in ne olabileceğine dair bir fikir verdi.
Modern Web'in Tohumları
Web çok statik bir ortam olarak başladı. Ancak ana akımından birkaç yıl sonra, web tasarımcıları daha fazla işlevsellik ve daha iyi bir kullanıcı deneyimi sağlamayı amaçladı. Büyümesinde önemli faktörler haline geleceklerdi.
CSS ve JavaScript'in gelişiyle birlikte HTML standartlarının benimsenmesi tam olarak doğru zamanda ortaya çıktı ve Java gibi gelişmiş diller, dinamik verilere herkesin erişebilmesinden önce önemli bir boşluğun doldurulmasına yardımcı oldu.
Bu ilk uygulamalar ilkel olsa da, sonraki adımın tohumlarını attılar. Tuhaflıkları ve dezavantajları, yeni nesil araçları oluşturan geliştiriciler için değerli dersler sağladı. Teknolojiler daha rafine hale geldi ve neredeyse kusursuz bir biçim ve işlev karışımına yol açtı.
Bu nedenle, bir dahaki sefere modern bir web uygulaması kullandığınızda, buraya nasıl geldiğimizi hatırlamak için biraz zaman ayırın. Uzun bir yolculuktu ama güzel bir şekilde sonuçlandı.
Kocaeli Web Tasarım Firması– Web Tasarım, Yazılım ve Sosyal Medya Danışmanlığı
Telefon : 0507 501 85 14
E-Posta : info@adimweb.com
web tasarım