CSS genel bir stil dilidir ve işitsel işaretleme özellikleri de içerir. Bunların hiçbiri anaakım tarayıcılar tarafından uygulanmasa da, okuyucuları taramak için yararlı olabilir (ancak işitsel işaretlemenin “vahşi ortamda” yaygın olmadığını düşünerek herhangi bir uygulama yapıp yapmadığını bilmiyorum).
Gören biri olarak, CSS'yi biraz değiştirdiğim ve daha sonra sayfanın nasıl değiştiğini izlediğim sıkı bir geri bildirim döngüsünde CSS yazıyorum. Bu geri bildirim mümkün değilse veya çok zor değilse, tasarım ilkelerine geri dönmeliyiz ve iyi çalıştıklarını umuyoruz.
Sayfayı bir ızgara olarak düşündüğümüzde oranların yönetilmesi daha kolaydır. Yaygın bir bölüm, gezinme ve başlıklar için üst satırı ve ilgili içerik için sağ sütunu kullanmaktır. Sol sütun ana içerik için kullanılır ve sağ sütundan kabaca iki ila üç kat daha geniştir. Bu kabaca Yığın Değişimi sitelerinin nasıl oluşturulduğu. CSS, bu ile uygulanabilir display: tableve görüntü stilleri ile ilgili table-rowve table-cellya daha yeni FlexBox modeli ile. Kesin oranlar şaşırtıcı derecede önemsizdir.
Bir sayfa yatay olarak ortalandığında daha iyi görünür.
Çok fazla renk kullanmak zorunda değilsiniz: Bir arka plan rengi (genellikle parlak ve doymamış bir şey) ve bir metin rengi (genellikle karanlık ve doygun bir şey) vardır. Dipnotlar, satır satırları veya diğer ayrıntılar gibi metni vurgulamak için parlaklık kontrastını azaltabiliriz. Bunun için HSV renk modelini kullanmak RGB'den çok daha kolay olmalıdır. Düz gri çok sıkıcıysa kullanılabilecek bir dizi renk paleti vardır. Renk kullanılmalıdır, ancak az miktarda kullanılmalıdır.
Yazı tipi boyutu da önemi belirtmek için kullanılabilir - 2pt'lik adımlar ve 9pt'in altında hiçbir zaman mantıklı görünmez. Normal metin için 14 punto yazı tipi aşılamaz. Birlikte, yazı tipi boyutu ve metnin kontrastı konuşma hacmine benzer.
CSS teklifler sadece gibi ölçümlerin mutlak birimler pxveya cmdeğil, aynı zamanda göreli birimleri gibi emve anahtar kelimeler gibi thinya medium. Göreli ölçümleri ve bu anahtar kelimeleri kullanmak genellikle daha kolaydır.
Metin bundan daha geniş olmamalıdır 40em.
Tarayıcılarda varsayılan stil sayfaları bulunur. Güzel değiller, ama her şeyi geçersiz kılmak zorunda değilsiniz. Basit bir web yazı tipi seçmek ve metin öğeleri için maksimum genişlik ayarlamak en önemli iki şeydir. Anlamsal HTML yazmak, varsayılan stillerin çalışması için önemlidir.
Bununla, basit bir blog ya da benzeri bir stil oluşturmak mümkün olmalıdır. Ancak:
Kodda hata ayıklamak zordur, hatta ne yaptığınızı göremiyorsanız daha da zordur. İlk denememde bir şeyleri doğru anlamıyorum. Fakat işlerin “doğru” göründüğünü nasıl anlarsınız?
Bazı şeyler, örneğin açılır bir menü gibi öğelerin hassas bir şekilde yerleştirilmesini gerektirir.
Resimler ve simgeler bir tasarıma derinlik katabilir, ancak seçim yapmanız zor olacaktır.
CSS kutu modeli korkunç ve kafanızda taklit etmek genellikle zor.
Biraz CSS yazabileceğinizi varsayıyorum, ama inanılmaz derecede sinir bozucu olurdu. Hangi yardımcı teknolojilerin mevcut olduğunu bilmiyorum, ancak dokunsal geri bildirimin genel bir düzen tasarlamanıza izin vereceğini varsayıyorum. Belki görme yeteneği olan biriyle çift programlama daha küçük detaylar için iyi bir çözüm olabilir mi?