CSS є загальною мовою стилізації, включає також властивості для слухової розмітки . Хоча нічого з цього не реалізовано у звичайних браузерах, це може бути корисним для екранізації читачів (але я не знаю, чи існує якась реалізація цього, враховуючи, що аудіорозмітка не є звичайною «в дикій природі»).
Я, як людина, яка бачить, записую CSS у щільний цикл зворотного зв'язку, де я трохи змінюю CSS, а потім спостерігаю, як змінюється сторінка. Якщо цей зворотний зв'язок неможливий або дуже важкий, нам доведеться повернутися до принципів дизайну і сподіватися, що вони все добре.
Пропорціями легше керувати, коли ми думаємо про сторінку як сітку. Загальний розділ полягає у використанні верхнього рядка для навігації та заголовків, а правого стовпця - для відповідного вмісту. Лівий стовпець використовується для основного вмісту і приблизно в два-три рази ширший, ніж правий. Приблизно так відображаються сайти обміну стеками. У CSS це може бути реалізовано за допомогою display: tableта пов’язаних із ними стилів відображення table-rowта table-cell, або за допомогою нової моделі флекси. Точні співвідношення напрочуд неважливі.
Сторінка виглядає краще, коли горизонтально по центру.
Не потрібно використовувати багато кольорів: є колір фону (зазвичай щось яскраве і ненасичене) і колір тексту (зазвичай щось темне і насичене). Ми можемо зменшити контраст яскравості, щоб не підкреслити текст, як виноски, рядки чи інші деталі. Використовувати кольорову модель HSV для цього слід набагато простіше, ніж RGB. Існує ряд палітри кольорів, які можна використовувати, якщо звичайний сірий занадто нудний. Колір слід використовувати, але помірковано.
Розмір шрифту також може використовуватися для позначення важливості - кроки 2pt і ніколи не нижче 9pt здаються розумними. Для звичайного тексту розмір шрифту 14pt не повинен перевищувати. Разом розмір шрифту та контрастність тексту схожі на гучність мови.
CSS пропонує не тільки абсолютні одиниці виміру , як pxабо , cmале і відносні одиниці , як emі ключові слова , як thinабо medium. Використовувати відносні вимірювання та ці ключові слова часто простіше.
Текст не повинен бути ширшим за текст 40em.
Браузери оснащені таблицями стилів за замовчуванням. Вони не гарні, але не потрібно все перекривати. Вибір простого веб-шрифту та встановлення максимальної ширини для текстових елементів - це дві найважливіші речі. Написання семантичного HTML важливо для роботи стилів за замовчуванням.
З цим слід створити простий блог чи таке. Однак:
Налагодження коду складно, тим більше, якщо ви не можете бачити, що ви робите. З моєї першої спроби я не встигаю. Але як би ви навіть знали, коли все виглядає «правильно»?
Деякі речі вимагають точного розміщення елементів, наприклад у спливаючому меню.
Зображення та піктограми можуть додати дизайну велику глибину, але вибрати їх буде важко.
Модель коробки CSS жахлива і часто важко імітувати в голові.
Я б припустив, що ви зможете написати трохи CSS, але це буде неймовірно засмучує. Я не знаю, які допоміжні технології існують, але я припускаю, що тактильний зворотний зв'язок дозволить вам створити загальний макет. Може, парне програмування з кимось із зором може бути хорошим рішенням для дрібніших деталей?