CSS adalah bahasa gaya umum, dan termasuk properti untuk markup aural juga. Meskipun tidak ada yang diimplementasikan oleh browser utama, mungkin berguna untuk menyaring pembaca (tapi saya tidak tahu apakah ada yang menerapkan itu, mengingat bahwa markup aural tidak umum "di alam liar").
Saya, sebagai orang yang melihat, menulis CSS dalam lingkaran umpan balik yang ketat di mana saya mengubah sedikit CSS dan kemudian melihat bagaimana halaman berubah. Jika umpan balik ini tidak mungkin atau sangat sulit, kami harus kembali ke prinsip-prinsip desain, dan berharap mereka berhasil dengan baik.
Proporsi lebih mudah dikelola ketika kita menganggap halaman sebagai kisi. Pembagian umum adalah menggunakan baris atas untuk navigasi dan tajuk utama, dan kolom kanan untuk konten terkait. Kolom kiri digunakan untuk konten utama, dan kira-kira dua sampai tiga kali lebarnya kolom kanan. Ini kira-kira bagaimana situs Stack Exchange ditampilkan. Dalam CSS, ini dapat diimplementasikan dengan display: table
dan gaya tampilan terkait table-row
dan table-cell
, atau dengan model flexbox yang lebih baru. Rasio pastinya secara mengejutkan tidak penting.
Sebuah halaman terlihat lebih baik ketika dipusatkan secara horizontal.
Seseorang tidak harus menggunakan banyak warna: Ada warna latar belakang (biasanya sesuatu yang cerah dan tidak jenuh) dan warna teks (biasanya sesuatu yang gelap dan jenuh). Kita dapat mengurangi kontras kecerahan untuk mengurangi penekanan teks seperti catatan kaki, byline, atau detail lainnya. Menggunakan model warna HSV seharusnya jauh lebih mudah daripada RGB untuk ini. Sejumlah palet warna ada yang dapat digunakan jika abu-abu polos terlalu membosankan. Warna harus digunakan, tetapi hemat.
Ukuran font juga dapat digunakan untuk menunjukkan tingkat kepentingan - langkah 2pt dan tidak pernah di bawah 9pt tampaknya masuk akal. Untuk teks normal, ukuran font 14pt tidak boleh dilampaui. Bersama-sama, ukuran font dan kontras teks mirip dengan volume ucapan.
CSS tidak hanya menawarkan unit pengukuran absolut seperti px
atau cm
tetapi juga unit relatif suka em
dan kata kunci seperti thin
atau medium
. Menggunakan pengukuran relatif dan kata kunci ini seringkali lebih mudah.
Teks tidak boleh lebih lebar dari 40em
.
Browser dilengkapi dengan stylesheet default. Mereka tidak cantik, tetapi Anda tidak harus menimpa segalanya. Memilih webfont sederhana dan menetapkan lebar maksimum untuk elemen teks adalah dua hal paling penting. Menulis HTML semantik penting agar gaya default berfungsi.
Dengan ini, harus mungkin untuk mendesain blog sederhana atau semacamnya. Namun:
Kode debug sulit, apalagi jika Anda tidak dapat melihat apa yang Anda lakukan. Saya tidak melakukan hal yang benar pada percobaan pertama saya. Tapi bagaimana Anda bisa tahu ketika segala sesuatu tampak "benar"?
Beberapa hal memerlukan penempatan elemen yang tepat, misalnya dalam menu pop-up.
Gambar dan ikon dapat menambah kedalaman desain, tetapi akan sulit bagi Anda untuk memilih.
Model kotak CSS mengerikan dan seringkali sulit untuk disimulasikan di kepala Anda.
Saya akan berasumsi bahwa Anda akan dapat menulis sedikit CSS, tetapi itu akan sangat membuat frustrasi. Saya tidak tahu teknologi bantu apa yang ada, tetapi saya berasumsi bahwa umpan balik sentuhan akan memungkinkan Anda untuk merancang tata letak umum. Mungkin pemrograman pasangan dengan seseorang dengan penglihatan mungkin merupakan solusi yang baik untuk detail yang lebih kecil?