Bloglarda/kişisel web sitelerinde sevilen mikro özellikler

• Blogların kullanıcı deneyimini iyileştiren mikro özelliklere giriş

Yan notlar

• Ana metni bölmeden ek bilgi sunan bir özellik
• Okuyucunun ek ayrıntıları veya kaynakları kolayca kontrol etmesini sağlar
• Gwern'in yan not kullanımı özellikle etkileyici. Yazılarında yan notları çok yoğun kullanıyor ve ana içeriğin akışını bozmadan ek bilgi sağlıyor.
• Yan notlar sayesinde, dipnotlara bakmak için sayfanın en altına kaydırmadan kolayca referans verilebilir.
• Tufte CSS'den ilham alan çeşitli yaklaşımlar görülebilir.

İçindekiler

• İçindekiler, yazının ana konularını tek bakışta görmeyi sağlar ve istenen bölüme kolayca geçmeye yardımcı olur.
• Statik site oluşturucular (ör. Hugo) içindekiler bölümünü otomatik oluşturabilir.
• Lars Hupel’s sitesi, bir seri içindeki içindekileri sunarak gezinmeyi kolaylaştırır.

Bonus: sayfa ilerleme durumu göstergesi

• Sayfa ilerleme çubuğu, okuyucunun sayfanın neresinde olduğunu görsel olarak gösterir.
• Quanta Magazine'de bu tür bir özellik görülebilir.
• CSS Tricks’in eğitimi ile bunun nasıl uygulanacağı öğrenilebilir.

Kolay bağlantılanabilir başlıklar

• HTML öğelerinin ID'leri kullanılarak sayfanın belirli bir bölümüne bağlantı verilebilir.
• Kullanıcıya görünmediği için, her öğe bağlantıya dönüştürülerek kolay referans verilmesi sağlanabilir.
• Hugo belgelerinde bu tür bir özellik görülebilir.

Seri yazıları gruplama

• Birden fazla konuda uzun yazmak istendiğinde, bunları seri hâlinde yayımlamak okuyucuya daha kolay aktarılmasını sağlar.
• Otomatik olarak "sonraki" ve "önceki" düğmeleri eklenebilir veya bir gezinme merkezi oluşturulabilir.
• Chapel dili blogunda bu tür bir özellik görülebilir.

Diyalog biçiminde yazılar

• Diyalog biçimindeki yazılar, okuyucu açısından sorular sorup daha az deneyimli bir bakış açısından kaygıları dile getirerek yazıyı daha ilgi çekici ve anlaşılır kılar.
• Xe Iaso’s sitesi ve Faster than Lime diyalog biçimli yazıları sık kullanır.

Kod bloklarında kaynak gösterimi

• Kod yazarken, kod bloklarında dosya adı ve satır numarası göstererek okuyucunun daha kolay anlaması sağlanabilir.
• Örnek: Crafting Interpreters

Bonus: tıklanabilir bağlantılar içeren kod blokları

• Agda programlama dili, her sembolü tanımlandığı yere bağlayan HTML kod blokları üretir.
• Programming Languages Foundations in Agda'da bu tür bir özellik görülebilir.

Harici bağlantı göstergesi

• Harici alan adlarına giden bağlantılar küçük bir simgeyle işaretlenir.
• James’ Coffee Blog ☕'da bu tür bir özellik görülebilir.

Bonus: farklı hedefler için farklı işaretleyiciler

• Gwern’s web sitesi, bağlantının hedefine göre simgeleri değiştirir.
• Örnek: Wikipedia bağlantılarında "W", Haskell.org bağlantılarında ise lambda simgesi gösterilir.

Bonus: bağlantı önizlemesi

• Bir bağlantının üzerine gelindiğinde sayfa önizlemesi gösterilerek, tıklamadan önce içeriğe göz atılabilir.
• Gwern’s web sitesinde bu tür bir özellik görülebilir.

RSS akışı

• RSS, sitelerin güncellemeleri yayımlamasını sağlayan bir akış standardıdır.
• Okuyucuların siteyi doğrudan ziyaret etmeden güncellemeleri alabilmesini sağlar.

Diğer sitelere bağlantılar

• Diğer blog veya sitelerdeki yazılara bağlantı ekleyerek ilgili içeriklerin tanıtımı yapılır.
• Drew DeVault’s blogunda bu tür bir özellik görülebilir.

Sonuç

• Bu mikro özellikler, bir siteyi daha kullanışlı ve daha çekici hâle getirebilir
• Bu özellikleri kendi sitenize entegre etmenin iyi bir fikir olduğu düşünülüyor

[tsboard]

Tam da kendi blogumu yapıyordum; böyle faydalı bir haber için teşekkürler haha

[GN⁺]

Hacker News görüşleri

• Bazı öneriler iyi, ancak ilerleme çubuğu fazla dikkat dağıtıcı ve gereksiz. Zaten bir kaydırma çubuğu var, bu yüzden ek bir kaydırma çubuğuna gerek yok.
• Bağlantı süslemelerine gerek yok. Tarayıcı zaten bağlantının nereye gittiğini iyi gösteriyor. Önizleme açılır pencereleri de gereksiz bir dikkat dağıtıcı unsur.
• Blogda tüm yazılar için tek sayfalık bir dizin uygulamak iyi olur. Başlıkları tek bakışta görmek ve arama yapmak kolaylaşır.
• Blog yazarlığı konusunun Hacker News'e düşmesine sevindim. Üzerinde çalıştığım blog servisi minimalizme odaklanıyor. ASCII art'ın Android'de düzgün görüntülenmemesi sorununu çözmek istiyorum.
• Çeşitli "mikro özellikleri" beğendim. JavaScript gerektirmeyen özellikleri tercih ediyorum. Blogumda çeşitli mikro özellikler uyguluyorum.
• Yazılarda tam tarihin yer almasını tercih ediyorum. Teknik içerikte ne zaman yazıldığını bilmek önemli.
• Diyalog biçimindeki açıklamaları sevmiyorum. Ayrı paragraflar halinde anlatmak daha iyi.
• Bağlantı önizleme özelliğine katılmıyorum. Gizlilik nedeniyle, bağlantıya tıklamadan önce URL'yi kontrol etmeyi tercih ediyorum.
• RSS bir "mikro" özellik değil, temel bir özellik olmalı.
• Gwern'in web sitesi çok fazla özelliği denediği için tarayıcı yavaşlıyor. Özellikle mobilde sorun ciddi.
• İçindekiler özelliği web tarayıcısında uygulanmalı. Sayfa ilerlemesi, bağlantılanabilir başlıklar, bağlantı önizlemeleri gibi şeyleri de tarayıcı halletmeli. Belge yazarının yazı tipi ve renk belirtmesine gerek yok.