CSS é uma linguagem de estilo geral e também inclui propriedades para marcação auditiva . Embora nada disso seja implementado pelos navegadores convencionais, pode ser útil rastrear os leitores (mas não sei se algum implementa isso, considerando que a marcação auditiva não é comum "na natureza").
Eu, como pessoa que vê, escrevo CSS em um ciclo de feedback apertado, onde troco um pouco de CSS e observo como a página muda. Se esse feedback não for possível ou muito difícil, precisamos recorrer aos princípios de design e esperar que eles funcionem corretamente.
As proporções são mais fáceis de gerenciar quando pensamos na página como uma grade. Uma divisão comum é usar a linha superior para navegação e títulos e a coluna direita para o conteúdo relacionado. A coluna da esquerda é usada para o conteúdo principal e tem aproximadamente duas a três vezes a largura da coluna da direita. É assim que os sites do Stack Exchange são renderizados. No CSS, isso pode ser implementado com display: table
e estilos de exibição relacionados de table-row
e table-cell
, ou com o modelo flexbox mais recente. As proporções exatas são surpreendentemente sem importância.
Uma página fica melhor quando centralizada horizontalmente.
Não é necessário usar muitas cores: há uma cor de fundo (geralmente algo brilhante e insaturado) e uma cor de texto (geralmente algo escuro e saturado). Podemos reduzir o contraste do brilho para enfatizar o texto, como notas de rodapé, linhas de referência ou outros detalhes. O uso do modelo de cores HSV deve ser muito mais fácil que o RGB para isso. Existem várias paletas de cores que podem ser usadas se o cinza comum for muito chato. Cor deve ser usada, mas com moderação.
O tamanho da fonte também pode ser usado para indicar importância - etapas de 2 pontos e nunca abaixo de 9 pontos parecem sensatas. Para texto normal, um tamanho de fonte de 14 pontos não deve ser excedido. Juntos, o tamanho da fonte e o contraste do texto são semelhantes ao volume da fala.
O CSS oferece não apenas unidades absolutas de medidas como px
ou, cm
mas também unidades relativas como em
e palavras-chave como thin
ou medium
. O uso de medidas relativas e essas palavras-chave geralmente é mais fácil.
O texto não deve ser maior que 40em
.
Os navegadores vêm com folhas de estilo padrão. Eles não são bonitos, mas você não precisa substituir tudo. Escolher uma fonte da web simples e definir uma largura máxima para elementos de texto são as duas coisas mais importantes. Escrever HTML semântico é importante para que os estilos padrão funcionem.
Com isso, deve ser possível criar um blog simples ou algo assim. Contudo:
O código de depuração é difícil, ainda mais se você não consegue ver o que está fazendo. Não entendi direito na minha primeira tentativa. Mas como você saberia quando as coisas parecem "certas"?
Algumas coisas exigem posicionamento preciso de elementos, por exemplo, em um menu pop-up.
Imagens e ícones podem adicionar muita profundidade a um design, mas seria difícil para você escolher.
O modelo da caixa CSS é horrível e geralmente difícil de simular em sua cabeça.
Eu diria que você seria capaz de escrever um pouco de CSS, mas seria incrivelmente frustrante. Não sei quais tecnologias de assistência existem, mas presumo que o feedback tátil permita que você crie um layout geral. Talvez a programação em pares com alguém com visão possa ser uma boa solução para detalhes menores?