Amına koduğumun web sitesi.

Peki sen daha neyin peşindesin?

Sen de web siteleri yapıyorsun diye sanıyorsun ki bulunmaz bir yarrak yedin. Sitenin tepesine, ne sikime 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 (pezevenk sanki halden patlıcan alıyor), verdin polyfill'in gözünü, kanırttın IE'de de box-shadow çalıştı. Ne oldu? Götün bayrak direğine 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:

Şimdi asıl mevzu ne ?

Senin web sitesi diye yaptığın şey Diyarbakır genelevi gibi amına koyum, bir peçetecisi eksik. Utanmasan arka planı kırmızı kadife yastıklardan yapacaksın. Şimdi bu amına koduğumun web sitesine iyi bak. Acaba ne sikime fare imleci üstüne geldiğinde götü başı oynayan bir banner'a ihtiyaç duydun? Bir de bunun için götünü yırttın üstüne siktiğimin sitesine 80 kb ekledin.

Yaa amına koduğum, öyle mal gibi bakarsın.

Çok Hafif

Bu sayfanın tamamı --sana girsin-- ama acıtmaz korkma. Neden biliyor musun? Çünkü tamamı senin o boktan Wordpress sayfandaki gradient-mesh ile yapılmış Facebook logondan daha hafif. Ulan 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 sikik tabirleri yazabilmek için bir fontun 7 ayrı versiyonunu yükledin değil mi? Sende sike sürülecek akıl yok.

Uyumlu

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

Çalışıyor

Şimdi eğer okur-yazarlığın varsa bu siktiğimin sitesine iyi bak. Sen bile anlayabiliyorsun çünkü burada amına koduğumun hiyerarşisi mevcut. Bu site sen ve senin sikimsonik tarayıcın anlayabilsin diye HTML5 etiketleri kullanıyor. Semantiğin taşşağını gezdirenler yesin.

Siktiğimin ekranında içerik duruyor, am buldun kıllısını mı arıyorsun? Senin site dediğinde, 3 künye ile sikik dribbble hesabının linki var. Ama sen web'i yeni keşfettiğin için “ vay amına koyum 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 siki sağolsun, hadi bu amına koduğumu (ismini anmaktan hicap duyarım) IE6'ya yükle de götü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 eşeğin amına su kaçırdıkları skeuomorphic yozlaşmalar. Bu ise efendi gibi bir web sitesi.

Yaa götoş sana söylüyoruz...

Şimdi sen lafı götünden 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 amcıklar ortamın amına koyduğu için oluşuyor. Aslında web siteleri fonksiyonel, performanslı ve ulaşılabilir, siz ırzını sikmeseniz öyle de kalacak.
Irzı sikilmemiş web sitelerine örnekler: örnek1 örnek2

"İyi tasarım, olabildiği kadar az tasarımdır."
- bir tane götveren Alman
"Arsız ölmüş siki dik kalmış."
- Babaannem

Bu amına koyduğumun sayfası ve tüm içerik GPLv3 altında olup, @barisbuyukakyol ve @furkanmustafa tarafından, @isik5'in sikik motherfuckingwebsite.com çevirisi yorumlanarak yapılmıştır.