Tier Listesi Oluşturucu

Tier listesi nedir, ne değildir?

Tier listesi karşılaştırılabilir öğeleri S, A, B ve C gibi sıralı katmanlarda gruplar. Üst satır genellikle seçtiğiniz ölçüte göre daha güçlü tercih, daha iyi performans veya daha uygun eşleşme demektir. Araç puan hesaplamaz ya da neyin nereye ait olduğuna karar vermez.

Bu yönüyle iki yaygın panodan ayrılır:

Favori albümler, ürün seçenekleri, oyun karakterleri, tekrar yapılacak tarifler veya önceliklendirilecek fikirler gibi görüş ve kıyaslamalarda tier listesi kullanın. Tamamlanmayı izlemek için kontrol listesi, öğelerin iş aşamalarındaki ilerleyişi için Kanban panosu kullanın.

Sıralamadan önce anlamlı tier düzeyleri seçin

Varsayılan S–F etiketleri gelenekseldir, zorunlu değildir. Karara uygun biçimde Mükemmel / İyi / Belki / Geç, İlk tercih / Yedek / Uygun değil veya anlamı açık başka bir ölçek kullanın. En fazla 12 tier satırı ekleyebilirsiniz.

Öğeleri taşımadan önce ölçütü belirleyin. “En iyi fiyat-performans” ile “en iyi kalite” çok farklı panolar doğurabilir. Dışa aktarılan görsel notlarınız olmadan görülecekse, net başlık ve açıklayıcı satır adları sonucu anlaşılır kılar.

Aynı tier içindeki öğeler de yeniden sıralanabilir. Satır içinde soldan sağa tercih göstermek istiyorsanız bu sırayı kullanın; aksi hâlde satırdaki öğeleri eşdeğer sayın.

Metin ve yerel görsel öğeleri

Panoya, en fazla 60 görsel olmak üzere toplam 100 öğe eklenebilir. Metin; ad, seçenek ve fikirler için uygundur. Görseller tarayıcıda normalleştirilir; böylece farklı kaynak boyutları düzenli kutulara uyar ve gereksiz görsel meta verileri projeye taşınmaz.

Kabul edilen biçimler PNG, JPEG ve WebP’dir. Her kaynak dosya en fazla 8 MiB, her kenar en fazla 8192 piksel, çözülmüş görsel ise en fazla 16 megapiksel olabilir. Gerekirse görseller yerel olarak en fazla 512 × 512 piksele küçültülür. Projedeki normalleştirilmiş görsel verisi 32 MiB ile sınırlıdır.

Uzak görsel URL’leri ve SVG yüklemeleri bilerek kabul edilmez. Yalnızca çözülmüş yerel raster görseller kullanmak; bozuk uzak kaynakları, kaynaklar arası canvas hatalarını ve etkin SVG/XML içeriğini önler. OWASP Dosya Yükleme Hızlı Başvuru Kılavuzu gerekli biçimleri izin listesine almayı, boyut sınırı koymayı, beyan edilen MIME türünden fazlasını denetlemeyi ve katmanlı savunma olarak görselleri yeniden yazmayı önerir.

Sürüklemek zorunlu değildir

Sürükleyip bırakmak kullanışlıdır fakat tek sıralama yolu değildir. Öğeye odaklanıp taşıma denetimlerini kullanın veya Enter ya da Boşluk ile klavye taşıma moduna girin. Ok tuşları önerilen tier ve konumu değiştirir; Enter ya da Boşluk onaylar, Escape iptal eder.

Bu, hassas sürüklemenin zor olabildiği telefonda da düzenlemeyi kolaylaştırır. W3C’nin WCAG 2.2 sürükleme hareketleri açıklaması, sürüklemeye dayanan işlevlerin neden daha basit bir işaretçi alternatifine ihtiyaç duyduğunu açıklar. Burada aynı taşıma; sürükleme, klavye, tıklama veya dokunmayla yapılabilir.

Bu tarayıcıda neler kaydedilir?

Başlık, tier’lar, öğe metinleri, görsel verileri ve sıralama bu cihazdaki tarayıcı depolamasında kalır. Sayfa URL’sine konmaz veya düzenleyici verisi olarak sunucuya gönderilmez. Yerel kurtarma kopyası IndexedDB kullanır; normal bir yenileme çalışmanızı geri getirebilir.

Yerel kurtarma bulut depolama değildir. Başka tarayıcı veya cihaz projeyi göremez; site verilerini temizlemek projeyi siler; aynı tarayıcı profilini kullanan biri yeniden açabilir. Ortak cihazda Projeyi temizle seçeneğini kullanın; bilinçli yedekleme için proje JSON’unu dışa aktarın.

JSON, PNG ve SVG farklı amaçlara hizmet eder

JSON içe aktarma, mevcut projeyi değiştirmeden önce doğrulanır. Bozuk, desteklenmeyen veya büyük dosya açık projeyi değiştirmez. Proje JSON’u en fazla 48 MiB olabilir.

PNG, normalleştirilmiş yerel görsellerle doğrudan tarayıcıda çizilir. İndirmeyi standart canvas.toBlob() yöntemi oluşturur; uzak görsel kullanılmadığından canvas kaynaklar arası kısıtla kirlenmez ve dışa aktarılabilir.

SVG; küçük, etkileşimsiz bir şekil, metin ve görsel öğesi kümesinden üretilir. PNG, JPEG veya WebP pikselleri SVG içine gömülür; izlenip vektöre dönüştürülmez. MDN, SVG <image> öğesinin raster görsel gösterebildiğini belirtir. Dosya rastgele yüklenen SVG, betik, bağlantı veya HTML’yi kopyalamaz.

Güvenilir dışa aktarma sınırları

Dışa aktarma genişlikleri 800, 1200, 1600 veya 2400 pikseldir. Son bitmap her kenarda 8192 pikseli ve 16 × 1024 × 1024 pikseli (yaklaşık 16,8 megapiksel) aşmadığında PNG 1× veya 2× üretilebilir. 2× güvenli sınırı aşarsa araç panoyu sessizce küçültmek yerine sorunu açıklar. SVG de aynı 48 MiB proje ve dosya güvenlik sınırına uyar.

Sıralanmamış öğeler varsayılan olarak tamamlanmış görsele katılmaz. Son nötr satırda göstermek için Sıralanmamışları dahil et seçeneğini açın. Önizlemeyi mutlaka kontrol edin: çok uzun başlık, çok sayıda satır veya öğe küçük paylaşımlarda okunabilirliği azaltabilir.

Yaygın tier listesi hataları

• Ölçütü yarıda değiştirmek. Sıralamadan önce karşılaştırmayı başlığa yazın.
• Belirsiz satır adları kullanmak. “Belki” ve “Kaçın” gibi etiketler açıklamasız renklerden daha nettir.
• Tier’ı kesin puan sanmak. Aynı banttaki öğeler kategori paylaşır; bantlar arasındaki mesafe ölçülmüş değer değildir.
• Sıralanmamış havuzu unutmak. Bu öğeler tamamlanmış dışa aktarmaya otomatik eklenmez.
• Yalnızca proje dosyasını paylaşmak. JSON düzenleyiciyi yeniden açmak içindir; yalnız görüntüleme gerekiyorsa PNG veya SVG kullanın.