Kişisel site, 2026
Web, Türkçede ağ demek. Ben de kendi sitemi bir dokuma gibi kurdum: açılıştaki Jacquard tezgâhı delikli kartlarını okuyarak sayfanın başlığını dokuyor; oradan çıkan altın iplik bütün sayfayı dolaşıp başlıkların altından, aşağı sarkan harflerin bir üstünden bir altından geçiyor.
Fikir
Jacquard tezgâhı 1800’lerin başında delikli kartlarla desen dokumaya başladı; her kart, hangi ipliklerin kalkacağını söyleyen bir satırdı. Ada Lovelace 1843’te Analitik Makine’nin cebirsel desenleri, tıpkı bu tezgâhın çiçek ve yaprak dokuması gibi dokuduğunu yazmıştı.
Yazılımcı olarak işime en yakın metaforu burada buldum: sayfayı bir kumaş, içeriği iplik, düzeni de örgü olarak düşündüm. Sitedeki her görsel bu fikirden çıkıyor; 1839 portresinin fotoğrafı dışında hepsi kodla çiziliyor.
Tezgâh
Açılışta üç boyutlu bir tezgâh, ana sayfanın başlığını dokuyor. Her atkıda kancalar, o satırın kartı hangi çözgüleri istiyorsa onları kaldırıyor. WebGL olmayan ya da hareketi azaltılmış cihazlarda tezgâh, kodla çizilmiş bir resim olarak duruyor.
Dokunan görseller
Çalışmaların görselleri sayfadaki çizimlerinden okunup tarayıcıda ipek gibi dokunuyor; Atlas satenle, Forma hasır örgüyle. İmleci üstlerinde gezdirdiğinizde birkaç atkı çekiliyor ve alttaki tasarım görünüyor.
İplik
Sayfa açıldığında başlıkların harfleri tek tek ölçülüyor ve iplik bu ölçülere göre çiziliyor: taban çizgisinin hemen altından, g, y, ç gibi aşağı sarkan harflerin birinin üstünden, sonrakinin altından. Siz kaydırdıkça dokunuyor.
Kumaşın tersi
Alttaki göstergeden sayfayı ters çevirdiğinizde dikişler ortaya çıkıyor: başlıkların yazı tipi ve ölçüsü, metnin satır uzunluğu, düğmelerin dokunma alanı, çizimlerin kaç kilobaytlık koddan oluştuğu. Hepsini tarayıcınız o anda ölçüyor.
Dokuma günlüğü
Açılışta bir çalışma odası görseli ve alışıldık bir sayfa düzeni vardı.
Görselin yerini kodla çizilen bir Jacquard tezgâhı aldı.
Tezgâh önce bir animasyon kütüphanesiyle, ardından kütüphanesiz, tarayıcının kendi animasyon motoruyla çalıştı.
Safari’de kumaşın görünmediği hata düzeltildi; tezgâhın arkasındaki duvara pikselli bir damask deseni dokundu.
Tezgâhtan çıkan iplik bütün sayfaya yayıldı: numune kartları, örgü şemaları, delikli kartlar, saçaklı son ve kumaşın tersi.
Tasarım sadeleşti: büyük harfli etiketler ve süs çizgileri kalktı, yazı ölçeği sekiz basamağa indi.
Açılış üç boyutlu bir tezgâha dönüştü; çalışmaların görselleri ipekle dokunmaya, sayfalar mekik geçişiyle açılmaya başladı.
Kart zinciri menü, “Adınızı dokuyun” ve 404 sayfasındaki kopuk iplik eklendi.
Kullanım
Menülerde klavyeyle dolaşabilir, alttaki göstergeden hareketi durdurabilirsiniz. Cihazınızda hareketi azaltmayı seçtiyseniz iplik beklemeden tam hâliyle çizilir, şemalar dokunmuş olarak görünür.
JavaScript kapalı olsa da bütün metinler ve bağlantılar okunur; tezgâh, iplik, gösterge ve kumaşın tersi bu okumanın üstüne eklenen katmanlardır. Sayfa başka bir sunucuya istek göndermez.
Sizin siteniz
Tezgâh, dokunan görseller ve kopuk iplik bu sitenin kendine ait süsleri; bir psikoloğun ya da avukatın sitesine taşımam. Sizin sitenize, bu süslerin altındaki ilkeler geçer.
Ne iş yaptığınızı ve nasıl bir siteye ihtiyaç duyduğunuzu yazmanız yeterli.