Actualização do Site: Ferramentas do Ofício

EEEsta é uma lista que há algum tempo que queria construir.

Um lugar para reunir todo o tipo de ferramentas como aplicações diárias, e calculadoras estranhas pequenas para as quais continuo a voltar. Algumas são leves e inteligentes, outras são essenciais. Todas elas ganharam o seu lugar. A nova página Ferramentas reúne-as.

O design é simples, mas deliberado. És primeiro recebido com uma pergunta: “Queres…” …seguida de seis categorias: Conectar, Criar, Descobrir, Experienciar, Organizar, e Proteger; com cada uma a actuar como uma lente para exploração.

Interage com uma, e a interface muda suavemente para mostrar ferramentas nessa categoria. Se não seleccionares uma categoria, serás mostrado um conjunto aleatório de cinco ferramentas, baralhado cada vez que actualizas. Destina-se a ser um convite suave para explorar. Cada ferramenta é exibida como um cartão—nome, descrição curta, etiquetas de plataforma. Sem classificações. Sem upvotes. Sem links de afiliados. Apenas uma apresentação limpa do que faz e onde corre.

Há também um filtro de plataforma. No canto superior direito da página, um menu hambúrguer subtil abre um dropdown onde podes seleccionar as plataformas que usas: Android, iOS, Linux, macOS, Web, Windows. Todas estão seleccionadas por padrão, mas se estás apenas à procura de ferramentas baseadas em navegador ou queres excluir digamos macOS, apenas desmarca o que não se aplica. A lista actualiza instantaneamente. Sem recarregamentos. Sem atraso.

Tecnicamente, a página é alimentada por (adivinhaste) um ficheiro JSON simples que contém dados de ferramentas—nome, URL, descrição, ícone, plataformas, e categoria. Essa estrutura mantém fácil de actualizar e à prova de futuro. Há alguma lógica focada para lidar com o estado de categoria activa, filtros de plataforma, e o ocasional baralhamento. Em termos de desempenho, a página beneficia da hidratação parcial do Astro e da abordagem JS mínima. A maior parte da página é conteúdo estático, então carrega rapidamente e é indexada facilmente. As únicas partes dinâmicas (filtragem de categoria e alternâncias de plataforma) carregam após o conteúdo inicial, e como o JS é leve e com escopo, não sobrecarrega o carregamento da página. Esta estratégia de usar apenas JavaScript suficiente e nada mais mantém interacções rápidas.

Há apenas interactividade suficiente para parecer suave, e nada mais.

Visualmente, é contida. O layout adapta-se através de ecrãs, o tipo é consistente, e estados de hover são subtis. Há um sublinhado suave que desliza entre categorias activas. As barras de deslocamento permanecem escondidas a menos que as precises. O objectivo era clareza sem distracção. Quer cliques, toques, ou navegues através da interface, permanece utilizável e calma.

Há mais que quero adicionar. Uma barra de pesquisa pode vir a seguir. Mas por agora, esta página é o que precisa de ser: pensativa, rápida, e fácil de usar. Um lugar pequeno e calmo para encontrar algo útil, e talvez algo novo.

Aproveita!