Bu site nasıl hazırlandı?

Hosting

Bu site DigitalOcean'dan sunulmaktadır. Görseller ve diğer medya Amazon S3 aracılığıyla servis ediliyor.

Alan adı şu anda Cloudflare'de kayıtlı. Google, Domains hizmetini öldürmeden (ve sonrasında Squarespace'e satmadan) önce orada kayıtlıydı.

Teknoloji

Bu site Django ile inşa edilmiş bir web uygulamasıdır. Kaynak kodunu görüntüleyebilir, kurcalayabilir veya kendi projeleriniz için başlangıç noktası olarak kulanabilirsiniz.

İçerik yönetimi Wagtail CMS ile inşa edildi. Wagtail, Django'nun üzerinde çalışan bir CMS.

Sitenin görsel altyapısı düz CSS ve Tailwind CSS ile yapıldı. Site tasarım değişkenlerine (design tokens) dayalı yardımcı sınıflar oluşturmak için Tailwind kullanıyorum.

Renkler Radix UI projesinden alınma. Eğer ekranınız, işletim sisteminiz ve tarayıcınız izin veriyorsa P3 renk uzayında görüntülenecektir.

Fotoğraf galerisi

Fotoğraf galerisi interaktivite için lightGallery adında bir JavaScript kütüphanesi kullanıyor. Fotoğraflar yüklendiğinde, yönetici panelindeki kod otomatik olarak EXIF metadatasını çıkarıp kaydediyor.

Müzik koleksiyonu

Müzik koleksiyonu sayfasının tasarımı (ve hatta varlığı), Andy Bell’in internet sitesinden ilham aldı. Kendisi, bana CSS ve web tasarımı ilkeleri hakkında çok şey öğreten Every Layout adlı kitabın ortak yazarıdır.

Tipografi

Bu sitede üç farklı font kullanılmaktadır:

1. Başlıklar, altyazılar ve çeşitli arayüz öğeleri Inter.
2. Gövde metni Charter.
3. Monospace yazı tipi (kod blokları, metadata vb.) MonoLisa.

Akışkan yazı ölçeği

Bu site, Utopia tarafından geliştirilen bir akışkan yazı ölçeği kullanılarak tasarlandı. Yazı tipi boyutları CSS içinde hesaplanır ve mevcut tarayıcı genişliğine göre mobil ile masaüstü boyutları arasında enterpolasyon yapılır.

Yazım

Yazılarımı genellikle iA Writer uygulamasında, Markdown kullanarak yazmaya başlarım.

iA Writer, akıllı tırnak işaretleri, üç nokta ve diğer tipografik detayları otomatik olarak işler. Ayrıca yazarken odaklanmama da yardımcı olur.

Bu sitedeki tüm içerik Wagtail CMS kullanılarak yönetilmektedir. İçerikleri, Python + HTML ile tanımladığım birkaç özel blokla birlikte StreamField aracılığıyla oluşturuyorum. Bu, bana WordPress blok editörüne benzer oldukça esnek bir düzenleyici ortamı sağlıyor.

Erişilebilirlik

Bu site, WCAG 2.2 spesifikasyonunda belirtilen Seviye AA erişilebilirlik standartlarına uygun olmayı hedeflemektedir. Buradaki kilit kelime hedeflemektedir — hâlâ dökümantasyonu okuyorum ve her gün küçük düzeltmeler yapıyorum.

Enerji ve performans

Bu site, verimlilik ve hız göz önünde bulundurularak tasarlandı. Mümkün olduğunca maliyetli işlemleri önbelleğe almaya, görselleri sıkıştırmaya ve gereksiz şişkinlikten kaçınmaya çalışıyorum.

17 Mayıs 2025 itibarıyla, Website Carbon Calculator ana sayfamın dünya çapında test edilen tüm web sayfalarının %89’undan daha temiz olduğunu ve sayfa başına yalnızca 0,12g CO₂ ürettiğini rapor ediyor.

Gizlilik

Bu site, performans izleme ve hata takibi için Sentry kullanmaktadır. Bir hata oluştuğunda, bazı tanılayıcı bilgiler Sentry’ye kaydedilir; buna isteğin IP adresi ve istek parametreleri ile başlıklar gibi kimlik belirleyici olmayan bazı bilgiler dahildir.

Bu site, basit analiz verilerini toplamak için Fathom kullanmaktadır. Fathom panomu görüntüleyebilirsiniz — kamuya açık olandan fazlasını ben de görmüyorum.