Bu Bir Web Sitesi

Peki sen daha neyin peşindesin?

Sen de web siteleri yapıyorsun diye sanıyorsun ki bokun eşsiz. Sitenin tepesine, ne halta yaradığı kimse tarafından anlaşılamayan bir ödül banner'ını emmmbed etmek için 13 megabyte'lık parallax-ative sayfayı yaptın. 18 kiloluk jQuery dosyasını yükledin (şerefsiz sanki halden patlıcan alıyor), verdin polyfill'in gözünü, kanırttın IED'de de box-shadow çalıştı. Ne oldu? Kıçın arşa erdi mi?
Yanlış genç, yanlış. Wrong diyorum bak. You were born with the wrong site / in the wrong host / with the wrong ascendancy ...

Öyle değil, gel biz sana bu siteyi anlatalım:

• Bu aptal site hafif ve hızlı yükleniyor.
• Elinde ne kadar ekran varsa hepsine sığıyor, sığdırıyor.
• Her türlü berbat tarayıcıda aynı gözüküyor.
• Yine bu aptala isteyen bütün yılışıklar ziyaret edebiliyor.
• Bu aptalı okumak için şifreli kanal izler gibi şekilden şekile girmene gerek yok, efendi gibi derdini anlatıyor. (Tuvalet aynasında çekilmiş 12000 fotoğraftan başka bir derdin varsa.)

Şimdi asıl mevzu ne?

Senin web sitesi diye yaptığın şey Süzer Plaza gibi, bir oda servisi eksik. Utanmasan arka planı altın varaklardan yapacaksın. Şimdi bu aptal web sitesine iyi bak. Acaba ne bokuma fare imleci üstüne geldiğinde orası burası ayrı oynayan bir banner’a ihtiyaç duydun? Bir de bunun için kendini yırttın üstüne aptal siteye 80 kb ekledin.

Yaa aptal şey seni, öyle mal gibi bakarsın.

Çok Hafif

Bu sayfanın tamamı gözüne girsin ama acıtmaz korkma. Çünkü tamamı senin o boktan Wordpress sayfandaki gradient-mesh ile yapılmış Facebook logondan daha hafıf. Yav harbiden sırf bir div'in arka plan rengini hareketli yapabilmek için 100 kb'lık jQuery UI'sini, sitenin girişinde de 100 px yüksekliğe urban dictionary'den bulduğun aptal tabirleri yazabilmek için bir fontun 7 ayrı versiyonunu yükledin değil mi? Sende azıcık bile akıl yok.

Uyumlu

Uyumluluk için media queries lazım sanıyordun değil mi, gerizekalı. Yok lan öyle bir şey. Uyumlu, hangi aptalın ekranından bakarsan ona uyar demek. Şimdi bu siteye ister yeri geldiğinde 27 inç ölçüsü olup 8x8 Led kadar arsız bir iMac'ten gir ister baba klasiklerden bir tamagotchi'den. Fark etmez.

Çalışıyor

Şimdi eğer okur-yazarlığın varsa bu aptal siteye iyi bak. Sen bile anlayabiliyorsun çünkü burada kahrolası hiyerarşi mevcut. Bu site sen ve senin aptal tarayıcın anlayabilsin diye HTML5 etiketleri kullanıyor.

Aptal ekranda içerik duruyor, tavuğu buldun da kırmızı et mi istiyorsun? Senin site dediğinde, 3 künye ile aptal dribbble hesabının linki var. Ama sen web'i yeni keşfettiğin için “vay canına jQuery ScrollTo plugin nasıl bir şeymiş ben bunu 7 ayrı ekrana dağıtayım da milleti saçma sapan tuşlara tıklatayım” diyorsun.

Cross-browser'ın canı sağolsun, hadi bu aptalı (ismini anmaktan hicap duyarım) IE6'ya yükle de ne yaptığını göreyim.

Bu senin daha önce hiç görmediğin bir şey yani bir web sitesi

Nasıl ki hiç sakal bırakmamış bir parlağın kendi doğasından haberi yoksa senin de bir web sitesinin ne olduğundan haberin yok. Senin gördüklerin bisiklet yakalıların her şeyi abarttıkları skeuomorphic yozlaşmaları. Bu ise efendi gibi bir web sitesi.

Yaa gerzek sana söylüyoruz...

Şimdi sen lafı orandan anladığın için sanıyorsun ki “web siten illa böyle görünsün” diyoruz. Mevzu o değil. Diyoruz ki; web siteleri ile ilgili sorun denen şeyler, sizin gibi salaklar ortamın içine ettiği için oluşuyor. Aslında web siteleri fonksiyonel, performanslı ve ulaşılabilir, siz içine etmeseniz öyle de kalacak.
Gerçek web sitelerine örnekler: örnek1 örnek2 örnek3