Yetenek CSS Şablonları

Liste Izgaraları ve Profil Kartları İçin Yetenek CSS Şablonları

Boşluklar, görsel oranları ve görsel durumlar; bir kadro listesinin tutarlı bir kart seti olarak mı yoksa birbiriyle uyumsuz profillerden oluşan bir yığın olarak mı algılanacağını belirler. Yetenek CSS şablonları bu kurallar önceden yazılmış olarak gelir ve değerleri özelleştirmeye açık bırakır. Üç sütunlu bir sanatçı kartı ızgarası bir demoda son derece ikna edici durabilir; ta ki bir kartta uzun bir referans listesi varken yanındakinde yalnızca iki satır yer alana kadar.

Eşit Olmayan İçerik Barındıran Kartları Biçimlendirme

Hiçbir yetenek profili aynı içerik yoğunluğuna sahip değildir ve stilin bu listeyi her koşulda tek bir bütün gibi göstermesi gerekir. Bu görevin büyük kısmını dört kural üstlenir:

• Portre alanında sabit bir görsel oranı. Dikey stüdyo portreleri ve daha geniş sahne kareleri böylece aynı alanı doldurur ve sayfa boyunca kırpma düzeni öngörülebilir kalır.
• Kartı hiyerarşik olarak düzenleyen bir tipografi ölçeği. Sanatçının adı en üstte yer alır, rol veya uzmanlık alanı bir basamak altında durur ve referanslar satırı daha da geri planda kalır.
• Yoğunluğa dayanıklı boşluk düzeni. Kart genişlikleri, ızgara aralıkları ve iç boşluklar (padding), bir profil uzun olduğunda satırın düzenini korur; biyografiye getirilen satır sınırı ise fazla metin içeren bir kartın yanındaki tüm kartları aşağı doğru uzatmasını engeller.
• Üzerine gelme (hover) ve odaklanma (focus) durumları. Öne çıkarılan bir kartın genellikle içinde bulunduğu satırdan görsel olarak ayrışması gerekir.

Kesme Noktaları ve Yerel İstisnalar

Sütun sayısı, duyarlı tasarım sürecinin kolay kısmıdır: geniş ekranda yan yana dört, tablette iki, telefonda bir sütun. Dar yerleşimin en üstte neyi tuttuğu çok daha kritiktir; bu nedenle portre, isim ve iletişim eylemi, mobil cihazlarda daha kısa bir görsel oranı ve daha dar aralıklarla uzun bir referans listesinin üzerinde yer almalıdır.

Nicepage, geniş ekranlardan dikey telefonlara kadar Responsive Modes ve tek bir öğeye, belirli bir sayfaya veya tüm siteye uygulanabilen Custom CSS Code ile bu gereksinimleri karşılar. Export Minimal CSS Per Page özelliği, yayınlanan stil sayfasını yalnızca o sayfanın fiilen kullandığı kurallarla sınırlı tutar.

CSS, bir kullanıcı sayfayı kaydırırken kadronun nasıl göründüğünü belirler. Yayınladığınız en uzun referans listesi ve kütüphanenizdeki en geniş görsel kırpmasıyla, bir şablonu nihai olarak seçmeden önce en yoğun haliyle test edin. Izgara bu koşullarda bile netliğini koruyorsa, yetenek listeniz büyüdükçe düzenini kaybetmeyecektir.