Duyuru TurkceYama.Org v11.0: Büyük Arayüz Modernizasyonu ve Performans Güncellemesi

TurkceYama.Org v11.0: Büyük Arayüz Modernizasyonu ve Performans Güncellemesi Yayında!
​

Merhaba TurkceYama.Org Ailesi,

Sizlere daha temiz, modern, gözü yormayan ve her cihazda ışık hızında çalışan bir forum deneyimi sunabilmek adına uzun süredir arka planda yürüttüğümüz kapsamlı arayüz modernizasyonu ve hız optimizasyonu çalışmalarımızı nihayet tamamladık.

Hem koyu (AMOLED) hem de açık temamızı baştan aşağı elden geçirerek görsel bütünlüğü artırdık, uzun süredir gözümüze çarpan ufak yerleşim hatalarını giderdik ve sitenin genel açılış hızını ciddi oranda yukarı taşıdık.

Yapılan tüm güncellemeleri ve yenilikleri ana başlıklar halinde aşağıda sizler için özetledik:

1. Açık Tema (Light Mode) Düzenlemeleri ve Ön Ek (Prefix) Revizyonu
Açık temayı kullanan üyelerimiz için okuma ve gezinme deneyimini en üst seviyeye çıkarmak adına ciddi görsel ve yapısal iyileştirmeler yaptık:

XenGenTr İstatistik Tablosu Düzenlemesi: Sekmeler arası geçişlerde yaşanan kolon kaymaları, dikey sıkışmalar ve tablo hücrelerinin alt alta binmesi sorunu tamamen giderildi. İstatistik tablosu artık tüm geniş ekranlarda ve mobil cihazlarda kaymasız, akıcı bir şekilde çalışmaktadır. Tablo başlıklarına altın sarısı ve antrasit tonlarıyla şık göstergeler eklendi.

Yeni Nesil Pastel Ön Ekler (Pill Tasarımı): Forumdaki tüm özel ön ekler (Steam, Türkçe Yama, GOG, Epic Games, Kurallar, İstek & Öneri vb.) XenGenTr altyapısı ile tam uyumlu hale getirildi. Klasik ve sert kutu tasarımları yerine, gözü yormayan modern pastel tonlarında, yuvarlatılmış hap (pill) tasarımına geçildi.

Ön Ek İkon Boşlukları: Ön eklerin sol tarafında yer alan özel simgeler ile metinler arasındaki sıkışıklık giderilerek, ikon ve yazı arasına daha ferah bir simetri sağlayan boşluklar tanımlandı.

Konu Başlığı İzolasyonu: Forum listelerinde ve istatistik alanında konu başlıklarının ön ek renkleriyle çakışarak turuncuya dönmesi engellendi. Başlıklar net, yüksek kontrastlı asil antrasit/siyah (#18191b) rengine sabitlendi; ön ekler ise kendi özgün renkleriyle bağımsız olarak ayrıştırıldı.










2. Koyu Tema (AMOLED) ve Küresel Arayüz Geliştirmeleri
Karanlık temamızı sitenin asil siyah ve altın sarısı tonlarıyla mükemmel şekilde harmonize edecek detaylarla taçlandırdık:

Pürüzsüz Header Geçişi: Forum navigasyonu ile koyu arka plan arasındaki sert sınır çizgileri ve keskin kenarlıklar tamamen kaldırıldı. Donanım ivmeli yumuşak bir geçiş gradyanı entegre edilerek, header alanının forum gövdesiyle pürüzsüzce bütünleşmesi sağlandı.

Lüks Postbit Kartları (Kullanıcı Bilgi Alanı): Mesajların solunda yer alan kullanıcı kartlarını düz ve mat antrasit renk yerine derinlik hissi veren parlak obsidian gradyanla yeniledik. Kartların üzerine gelindiğinde (hover) şık bir 3D yükselme efekti ve hafif bir altın sarısı gölge parlaması eklendi.

Postbit Sütun Taşması ve Kayma Koruması: Kullanıcı kartlarındaki dikey sıkışmaları önlemek adına "Tepkime Puanı" terimi "Beğeni" olarak kısaltılarak sütun taşması engellendi. Üyelerin kayıt tarihleri (Joined Date) ise gün ve ay formatında (Örn: 24 Tem) estetik biçimde kırpılarak kapsül içine kusursuzca sığdırıldı.

Kategori İstatistikleri Tasarımı: Forum ana sayfasında her kategorinin en altında yer alan gereksiz "Kategori İstatistikleri" yazılı başlık pill'i kaldırılarak kalabalık görüntü önlendi. Konu, Mesaj ve Görüntüleme sayıları lüks derin siyah kapsüllere alınarak, altlarına asil bir altın sarısı çizgi yerleştirildi.

Sidebar ve Sağ Blok Harmonisi: Sağ taraftaki "Son Mesajlar", "Son Profil Mesajları", "Çevrimiçi Üyeler" ve "Online Yöneticiler" blokları forumun karbon tonlarıyla (#1f2125) eşitlenerek görsel bütünlük sağlandı. İkinci ikon tekrarlanma sorunları ve online yöneticiler listesindeki tasarım çakışmaları tamamen temizlendi.







3. Yeni Kurumsal PWA Simgeleri ve Favicon
Sitemizin modern kimliğini yansıtan yeni bir marka arması tasarladık:

Asil metalik bir oyuncu kalkanı üzerinde yer alan şık bir 3D gamepad ve merkezine yerleştirilmiş ay-yıldız motifli yeni logomuzu PWA (mobil uygulama) simgelerimize ve favicon dosyalarımıza aktardık.

Hem dikey antrasit arka planı hem de yerleşik altın sarısı çerçevesi sayesinde, yeni app ikonumuz hem tamamen siyah ekranlarda hem de beyaz arka planlı mobil cihazlarda hiçbir detayını kaybetmeden kusursuz görünecek şekilde optimize edilmiştir.






4. Lighthouse ve Sayfa Açılış Hızı Optimizasyonları
Görsel güzelliğin yanı sıra sitenin hız performansını (Lighthouse metriklerini) en üst düzeye çıkarmak için teknik iyileştirmeler uyguladık:

Görsel Ön Yüklemesi (Preload): İlk çizim (LCP) süresini düşürmek adına ana logomuz tarayıcı tarafından HTML okunur okunmaz en öncelikli sırada indirilecek şekilde dinamik ön yükleme protokolüne alındı.

Kritik Font Ön Yüklemeleri: Tarayıcının FontAwesome ikon kütüphanelerini çizmek için beklemesini engellemek üzere font dosyaları ön yükleme listesine eklendi.

Font-Display Swap Entegrasyonu: CSS tarafına eklenen özel tanımlarla fontların yüklenirken sayfayı bloke etmesi engellendi ve ilk çizim (FCP) süreleri belirgin şekilde düşürüldü.

CDN ve API Hızlandırmaları: Google Fonts, Analytics ve Tag Manager sunucuları için DNS çözümleme (dns-prefetch) ve ön bağlantı (preconnect) altyapısı kurularak bağlantı el sıkışma süreleri minimize edildi.




Yeni arayüz güncellemelerini test etmek için tarayıcınızın önbelleğini temizleyerek (Ctrl + F5 tuş kombinasyonunu kullanarak) forumda gezinebilirsiniz.

Görüşleriniz, geri bildirimleriniz veya gözünüze çarpan herhangi bir detayı bu konu altından bizlerle paylaşmaktan çekinmeyin.

Keyifli forumlar dileriz!

TurkceYama.Org Yönetimi​