Random Thoughts

This blog development process

Categorias e melhor tipografia

Monday, March 12, 2018

Mais um dia de desenvolvimento neste site, mais algumas atualizações disponíveis. É legal ver a coisa evoluindo!

Hoje consegui melhorar consideravelmente a tipografia, de novo… Sim, porque não estava boa o suficiente na versão anterior. Embora eu ainda ache que sempre há espaço para mais melhorias, preciso manter o foco no cronograma e entregar pequenas mudanças por vez.

Confira a lista de atualizações:

  • Eliminei aquela barra lateral em favor da navegação por abas no cabeçalho;
  • A página tem mais espaço para texto e fundo branco;
  • Novas famílias de fontes para títulos e texto;
  • A listagem de posts tem ícones para as categorias;
  • A página de categoria foi montada para listar os posts daquela categoria;
  • Categorias agora são um tipo de conteúdo, talvez tenham uma imagem de capa no futuro;
  • Ficou um pouco melhor no mobile, embora mais trabalho ainda seja necessário para ser totalmente mobile-friendly;

Categorias

A ideia das categorias é fornecer uma forma de ter uma coleção de posts. Uma categoria não é exatamente a mesma coisa que uma tag por algumas razões:

  • Categorias são únicas por post e um post pode ter muitas tags;
  • Categorias têm páginas próprias enquanto tags terão apenas um filtro dinâmico na página de busca;

No momento deste post, o conteúdo está disponível em 3 categorias:

Tipografia

Bem, as escolhas anteriores de tipografia não eram boas, então estou testando uma nova combinação :)

  • Permanent Marker para o título do site
  • Cairo para os títulos
  • IBM Plex Serif para o texto

Capturas de tela

Algumas capturas de tela para manter um histórico das mudanças.

Versão anterior

Página inicial da versão anterior deste blog
Página inicial

Versão atual

Página inicial da versão atual deste blog
Página inicial
Página de post da versão atual deste blog
Página do post
Página de categoria da versão atual deste blog
Página de categoria
Página de artigo da versão atual deste blog
Página de artigo