Os 100 melhores sites para aprender IndieWeb e small web

Esta é uma seleção para estudar, não apenas para passear. Reúne documentação, cursos, ensaios, sites pessoais, comunidades e arquivos que explicam como possuir um endereço, publicar HTML e feeds, conectar sites sem uma plataforma central e construir uma presença que continue sua mesmo quando serviços desaparecem. Os cem endereços estão ordenados do mais valioso para começar ao mais especializado ou histórico.

A lista não usa “IndieWeb” e “small web” como sinônimos perfeitos. IndieWeb estrita é a comunidade e a prática centrada em domínio próprio, conteúdo próprio e padrões como microformats2, Webmention e Micropub. Small web adjacente é o universo mais amplo de sites pessoais, artesanais, leves e não comerciais. Há ainda a acepção de tecnologia em escala humana, defendida por Aral Balkan, que enfatiza sistemas pessoais, privados e de locatário único. Gemini, Gopher e tildeverse aparecem no fim porque ensinam simplicidade e comunidade, mas não são a Web nem o núcleo da IndieWeb.

Resumo executivo

Se você abrir apenas quinze sites, siga os itens 1 a 15. Eles formam uma trilha coerente: princípios, comunidade, HTML, publicação, padrões sociais, acessibilidade e exemplos reais. O melhor ponto de partida conceitual é o IndieWeb.org; o curso mais amigável para fazer uma página é HTML for People; a comunidade didática mais acolhedora é o 32-Bit Cafe; o laboratório pessoal mais útil para entender como tudo se combina é James’ Coffee Blog.

O achado mais importante é que não existe uma única “pilha IndieWeb”. Para a maioria das pessoas, um bom site começa com domínio próprio, HTML semântico, URLs estáveis, RSS/Atom, backup e acessibilidade. Microformats, Webmention, Micropub, IndieAuth e POSSE entram depois, quando resolvem uma necessidade real. Um site simples e bem cuidado é mais independente do que uma coleção frágil de integrações.

Também há uma desigualdade linguística clara. O melhor material técnico continua majoritariamente em inglês. Em português, os destaques são Blog do Antonio, Manual do Usuário, Fumaça, DioLinux, Felipe Tavares, Diogo Cordeiro e o acervo do W3C Brasil. Eles aparecem juntos no fim para facilitar uma primeira leitura, não porque sejam inferiores.

Metodologia e critérios

A curadoria foi concluída em 19 de setembro de 2026. Foram consultados diretamente os cem endereços, suas páginas de arquivo, tutoriais, documentação ou feeds quando disponíveis. A seleção usou as pesquisas anteriores 004, 064, 136 e 163 apenas como base para evitar repetir uma lista de ferramentas: esta pesquisa privilegia densidade didática, clareza, aplicabilidade, autoria identificável, longevidade e capacidade de levar o leitor a outra fonte boa.

Cada verbete informa idioma, tipo, nível, relação com o tema, o que estudar, estado e uma ressalva. “Ativo” significa que o site responde e apresenta sinal contemporâneo de publicação, manutenção, agenda ou documentação. “Esporádico” significa que o acervo continua útil, embora a cadência seja irregular. “Arquivo histórico” significa que deve ser lido como história e inspiração, não como orientação operacional atual. Um HTTP 200 não garante manutenção futura; sites pessoais podem mudar sem aviso.

Trilha inicial: os 15 que valem abrir primeiro

Núcleo didático: comece aqui

1. IndieWeb.org

URL: indieweb.org · Idioma: inglês, com tradução parcial · Tipo: wiki e comunidade · Nível: iniciante a avançado · Escopo: IndieWeb estrita.

Por que entrou e o que estudar: é o mapa mais completo dos princípios, padrões, decisões e experiências da comunidade. Comece por Getting Started, principles, building blocks, POSSE e personal website. As páginas registram tanto soluções quanto fracassos, algo raro em documentação corporativa.

Estado e ressalva: muito ativo em 19/09/2026, com eventos e mudanças recentes. Por ser wiki acumulativa, algumas páginas misturam presente e história; confirme um serviço ou plugin na origem antes de adotá-lo.

2. 32-Bit Cafe

URL: 32bit.cafe · Idioma: inglês · Tipo: comunidade, tutoriais e recursos · Nível: iniciante · Escopo: small web adjacente.

Por que entrou e o que estudar: talvez seja a porta comunitária mais acolhedora para quem quer criar um site pessoal sem transformar o hobby em carreira. A área de tutoriais cobre HTML, CSS, acessibilidade, RSS, webrings e páginas comuns; a lista comunitária de recursos e os desafios mostram como outras pessoas publicam.

Estado e ressalva: ativo, com projetos e atividade em 2026. A estética “web revival” é só uma possibilidade, não uma regra: aproveite a liberdade criativa sem copiar nostalgia ou layouts inacessíveis.

3. HTML for People

URL: htmlforpeople.com · Idioma: inglês · Tipo: curso prático · Nível: iniciante absoluto · Escopo: small web adjacente.

Por que entrou e o que estudar: ensina a transformar um arquivo de texto em site publicado, sem começar por frameworks. A sequência passa por HTML, links, imagens, múltiplas páginas, CSS, domínio e hospedagem. O resultado é pequeno o bastante para ser compreendido e modificado por inteiro.

Estado e ressalva: ativo e acessível na verificação. É deliberadamente introdutório; depois do primeiro site, avance para MDN, semântica, acessibilidade, feeds e controle de versão.

4. IndieWeb Guides

URL: indiewebguides.org · Idioma: inglês · Tipo: guias progressivos · Nível: iniciante a avançado · Escopo: IndieWeb estrita.

Por que entrou e o que estudar: organiza a evolução em etapas mais claras que a wiki: presença e identidade, Webmentions e Micropub, depois leitura social e recursos experimentais. Leia as trilhas em ordem e use os links para documentação canônica; o Guide 3 deixa explícito que recursos avançados vêm depois da base.

Estado e ressalva: ativo, com conteúdo acessível em setembro de 2026. Alguns tópicos avançados têm ecossistema pequeno; aprender a ideia não significa que você precise implementá-la.

5. MDN Learn Web Development

URL: MDN Learn · Idioma: inglês, partes traduzidas · Tipo: currículo de padrões web · Nível: iniciante a intermediário · Escopo: fundamento adjacente.

Por que entrou e o que estudar: é a melhor base ampla para não construir a web pessoal sobre gambiarras. Priorize HTML semântico, CSS, imagens responsivas, formulários, acessibilidade, desempenho e como a Web funciona. Depois use a referência dos elementos que realmente aparecem no seu site.

Estado e ressalva: ativo e mantido. O currículo é maior do que o necessário para uma página pessoal; não espere “terminar o MDN” antes de publicar. Faça um site pequeno e consulte conforme surgirem necessidades.

6. Neocities — Learn How to Make Websites

URL: neocities.org/tutorials · Idioma: inglês · Tipo: curso interativo e hospedagem · Nível: iniciante absoluto · Escopo: small web adjacente.

Por que entrou e o que estudar: os tutoriais atuais levam do primeiro elemento HTML a CSS e JavaScript enquanto a pessoa constrói uma página real. A abordagem valoriza poesia, links, segredos no código-fonte e personalização, não um portfólio corporativo genérico.

Estado e ressalva: ativo, com trilha oficial estruturada disponível em 2026. Parte do curso requer conta gratuita; guarde cópia local dos arquivos e, se o projeto crescer, use domínio próprio para não amarrar a identidade ao subdomínio.

7. Guide to the Web Revival

URL: Guide to the Web Revival · Idioma: inglês · Tipo: guia autoral longo · Nível: iniciante · Escopo: small web adjacente.

Por que entrou e o que estudar: conecta história, crítica à Web 2.0, netiqueta, RSS, webrings, diretórios, HTML, CSS, hospedagem, privacidade e comunidade em uma única sequência. É especialmente bom para entender que a small web é também um conjunto de hábitos sociais.

Estado e ressalva: ativo/esporádico, acessível na verificação. É uma interpretação autoral do “web revival”, não documentação normativa; compare recomendações técnicas com MDN e W3C.

8. Microformats.org

URL: microformats.org · Idioma: inglês · Tipo: especificações e wiki · Nível: intermediário a avançado · Escopo: IndieWeb estrita.

Por que entrou e o que estudar: ensina como adicionar significado ao HTML visível sem criar uma API paralela. Estude microformats2, h-card, h-entry, h-feed e a especificação de parsing. Eles sustentam identidade, posts e interpretação de Webmentions.

Estado e ressalva: ativo, mas por vezes lento na verificação. A wiki contém material legado; use microformats2, valide com mais de um parser e não esconda informação apenas para máquinas.

9. W3C Social Web Protocols

URL: W3C Social Web Protocols · Idioma: inglês · Tipo: especificações normativas · Nível: avançado · Escopo: núcleo técnico da IndieWeb e web social aberta.

Por que entrou e o que estudar: é a rota oficial para separar protocolo de produto. Leia primeiro a visão geral e depois Webmention e Micropub: descoberta de endpoints, verificação da origem, criação e edição de posts e requisitos de segurança.

Estado e ressalva: referência estável; documentos concluídos não precisam de posts frequentes. A linguagem de especificação é seca e não substitui tutorial. Use IndieWeb Guides para aprender e W3C para conferir comportamento exato.

10. IndieWebify.Me

URL: indiewebify.me · Idioma: inglês · Tipo: tutorial e verificador · Nível: iniciante a intermediário · Escopo: IndieWeb estrita.

Por que entrou e o que estudar: transforma conceitos em testes: domínio como identidade, rel=me, h-card, h-entry e envio de Webmentions. É útil porque mostra o pequeno pedaço de marcação que falta, em vez de exigir um CMS específico.

Estado e ressalva: operacional, com aparência antiga. Alguns fluxos de login social e exemplos refletem uma fase anterior do ecossistema; trate os testes como diagnóstico e confirme a recomendação atual na wiki e nas especificações.

11. W3C Web Accessibility Initiative Tutorials

URL: WAI Tutorials · Idioma: inglês, com traduções e recursos relacionados · Tipo: tutoriais oficiais · Nível: iniciante a intermediário · Escopo: fundamento adjacente.

Por que entrou e o que estudar: um site próprio não é realmente humano se exclui parte das pessoas. Estude estrutura de página, menus, imagens, tabelas, formulários e carrosséis; aplique os exemplos antes de pensar em efeitos visuais. A WAI liga práticas concretas aos critérios das WCAG.

Estado e ressalva: ativo e canônico. Conformidade não se resume a checklist automático; teste teclado, zoom, contraste, leitura por tecnologia assistiva e conteúdo real.

12. James’ Coffee Blog

URL: jamesg.blog · Idioma: inglês · Tipo: site pessoal, guias e projetos · Nível: iniciante a intermediário · Escopo: IndieWeb e small web.

Por que entrou e o que estudar: James documenta blogrolls, diretórios, descoberta, HTML, busca, feeds, pequenos componentes e comunidades com experimentos que você pode reproduzir. Comece pelos textos sobre personal websites e siga os links para projetos como Wonders of Web Weaving.

Estado e ressalva: muito ativo em 2026. A produção é extensa e exploratória; use as categorias e escolha um problema por vez, em vez de copiar todos os recursos do site.

13. Matthias Ott

URL: matthiasott.com · Idioma: inglês e alemão · Tipo: ensaios, newsletter e site pessoal · Nível: iniciante a intermediário · Escopo: small web e IndieWeb.

Por que entrou e o que estudar: é uma das melhores pontes entre cultura de web pessoal e prática de design. Procure “Into the Personal-Website-Verse”, textos sobre possuir conteúdo, tipografia, publicação e o processo de manter um site que muda com seu autor.

Estado e ressalva: ativo. O valor é editorial e motivacional, não um curso linear; complemente a inspiração com HTML for People e MDN.

14. Adactio, de Jeremy Keith

URL: adactio.com · Idioma: inglês · Tipo: diário, artigos e livros · Nível: intermediário · Escopo: web aberta e IndieWeb.

Por que entrou e o que estudar: décadas de URLs preservadas mostram mais do que qualquer manifesto. Leia Resilient Web Design, posts sobre progressive enhancement, padrões, feeds e web pessoal; inspecione também a estrutura simples do próprio site.

Estado e ressalva: ativo, com arquivo longevo. O diário cobre música, viagens e política além de desenvolvimento; essa mistura é parte da lição de um site pessoal, mas use busca e categorias para estudo técnico.

15. Aaron Parecki

URL: aaronparecki.com · Idioma: inglês · Tipo: site pessoal e laboratório de padrões · Nível: intermediário a avançado · Escopo: IndieWeb estrita.

Por que entrou e o que estudar: Aaron documenta o nascimento e a implementação de Webmention, Micropub, IndieAuth, feeds e tipos de post. O tutorial Sending your First Webmention from Scratch e os relatos de construção ligam protocolo a necessidade real; observe como notas, fotos, check-ins e respostas convivem no mesmo domínio.

Estado e ressalva: ativo, com grande valor histórico e técnico. Algumas integrações antigas dependiam de APIs que mudaram; distinga o princípio durável da receita específica de uma plataforma.

Do primeiro site aos protocolos sociais

16. Paul Robert Lloyd

URL: paulrobertlloyd.com · Idioma: inglês · Tipo: site pessoal, notas e guias · Nível: iniciante a avançado · Escopo: IndieWeb e design autoral.

Por que entrou e o que estudar: combina um guia para iniciantes, reflexão sobre identidade e conteúdo e a experiência prática de criar o Indiekit. Estude sua arquitetura de informação, os textos sobre publicação própria e a documentação ligada ao servidor Micropub.

Estado e ressalva: ativo. Parte técnica pressupõe Node.js e Git; o valor para iniciantes está primeiro nas decisões de conteúdo e estrutura, não em reproduzir a pilha.

17. Steven Woodson

URL: stevenwoodson.com · Idioma: inglês · Tipo: blog técnico e estudo de implementação · Nível: intermediário · Escopo: IndieWeb adjacente.

Por que entrou e o que estudar: o artigo Joining the IndieWeb with Webmentions and Microformats reúne explicações, tutoriais e exemplos testados; o restante do arquivo cobre acessibilidade, Eleventy, Astro, semântica e migração de conteúdo.

Estado e ressalva: ativo/esporádico; o acervo permanece acessível. É relato de uma implementação particular, não receita universal. Compare links antigos e versões de dependências antes de copiar código.

18. IndieWeb Guide

URL: indieweb.guide · Idioma: inglês · Tipo: guia introdutório · Nível: iniciante · Escopo: IndieWeb estrita.

Por que entrou e o que estudar: explica domínio, identidade, publicação e conexão em sequência curta, menos labiríntica que a wiki. Use-o para formar o mapa mental e abra a wiki apenas quando um termo aparecer.

Estado e ressalva: acessível, atualização esporádica. Não confundir com IndieWeb Guides (#4), que organiza níveis mais amplos. Para decisões atuais, confirme exemplos no IndieWeb.org.

19. IndieWeb Standards

URL: spec.indieweb.org · Idioma: inglês · Tipo: índice de especificações · Nível: intermediário a avançado · Escopo: IndieWeb estrita.

Por que entrou e o que estudar: mostra em uma página o papel de Webmention, h-card, h-entry, Micropub, WebSub, IndieAuth, Microsub e propostas menores. É o antídoto para confundir uma ferramenta hospedada com o padrão que ela implementa.

Estado e ressalva: ativo como referência. Nem toda proposta listada possui adoção semelhante; comece por microformats2, feeds e Webmention e só depois avalie protocolos experimentais.

20. IndieAuth Specification

URL: indieauth.spec.indieweb.org · Idioma: inglês · Tipo: especificação de identidade e autorização · Nível: avançado · Escopo: IndieWeb estrita.

Por que entrou e o que estudar: explica como uma URL pode ser identidade e como clientes obtêm autorização limitada sem receber a senha do CMS. Estude descoberta, authorization endpoint, token endpoint, PKCE, escopos e metadados.

Estado e ressalva: ativo. É material para implementadores; quem apenas publica precisa entender o modelo, não escrever o próprio servidor de autorização.

21. RSS Advisory Board

URL: RSS 2.0 Specification · Idioma: inglês · Tipo: especificação e orientações · Nível: intermediário · Escopo: web aberta adjacente.

Por que entrou e o que estudar: RSS é a maneira mais simples de permitir que leitores acompanhem seu site sem algoritmo. Estude canal, itens, GUID, datas, conteúdo e descoberta pelo elemento link; valide o feed e preserve IDs ao migrar.

Estado e ressalva: referência estável. RSS 2.0 é pequeno, mas extensões e leitores divergem; teste conteúdo completo, HTML, URLs absolutas e datas em dois ou três leitores.

22. JSON Feed

URL: jsonfeed.org · Idioma: inglês · Tipo: especificação e exemplos · Nível: intermediário · Escopo: web aberta adjacente.

Por que entrou e o que estudar: mostra como oferecer um feed moderno em JSON sem abandonar a simplicidade dos feeds. Leia a versão 1.1, exemplos e mapeamento de anexos, autores e conteúdo; é útil para código e APIs pessoais.

Estado e ressalva: referência ativa. Compatibilidade é menor que RSS/Atom; ofereça JSON Feed como complemento, não como único formato.

23. CSS-Tricks

URL: CSS-Tricks Guides · Idioma: inglês · Tipo: arquivo de artigos e guias · Nível: iniciante a avançado · Escopo: fundamento adjacente.

Por que entrou e o que estudar: o arquivo continua sendo uma das melhores bibliotecas práticas de CSS, layout, tipografia, imagens responsivas, acessibilidade e componentes nativos. Use os guias para resolver necessidades concretas do seu site em vez de importar um framework.

Estado e ressalva: ativo como arquivo editorial, com cadência diferente após mudanças de propriedade. Artigos antigos podem refletir suporte de navegador ultrapassado; confira MDN e Can I Use antes de adotar uma técnica.

24. web.dev Learn

URL: web.dev/learn · Idioma: inglês · Tipo: cursos técnicos · Nível: iniciante a intermediário · Escopo: fundamento adjacente.

Por que entrou e o que estudar: oferece módulos atuais sobre HTML, CSS, acessibilidade, imagens, desempenho, privacidade e formulários. É particularmente útil para transformar um site bonito em um site rápido e robusto em dispositivos modestos.

Estado e ressalva: ativo e mantido pelo Google. A fonte é boa para padrões e desempenho, mas não é neutra sobre todo o ecossistema; confirme APIs normativas no W3C/WHATWG e preserve uma visão além do Chromium.

25. Every Layout

URL: every-layout.dev · Idioma: inglês · Tipo: livro/site de padrões de layout · Nível: intermediário · Escopo: web artesanal adjacente.

Por que entrou e o que estudar: ensina layouts resilientes com poucas regras, HTML semântico e CSS intrínseco, sem transformar cada página em grade de números mágicos. Estude Stack, Cluster, Sidebar, Switcher e a lógica de composição.

Estado e ressalva: ativo como referência. Parte do conteúdo completo é comercial; os conceitos abertos já são valiosos, mas não copie padrões sem testar conteúdo longo, zoom e idiomas diferentes.

26. Inclusive Components

URL: inclusive-components.design · Idioma: inglês · Tipo: livro/site técnico · Nível: intermediário · Escopo: fundamento adjacente.

Por que entrou e o que estudar: Heydon Pickering desmonta componentes comuns — menus, cartões, interfaces com abas, notificações e seletores — e reconstrói cada um com semântica, teclado e tecnologia assistiva. É a leitura certa antes de adicionar “interatividade” ao site pessoal.

Estado e ressalva: referência estável. Alguns detalhes de suporte evoluem, mas o método permanece excelente. Teste no navegador atual e não transforme ARIA em substituto de elementos HTML nativos.

27. The A11Y Project

URL: a11yproject.com · Idioma: inglês · Tipo: checklist, artigos e recursos comunitários · Nível: iniciante a intermediário · Escopo: fundamento adjacente.

Por que entrou e o que estudar: traduz acessibilidade em tarefas práticas: estrutura, contraste, links, formulários, mídia, movimento e testes. Comece pela checklist e use cada item como uma revisão do seu próprio site.

Estado e ressalva: ativo. Checklist ajuda a não esquecer o básico, mas não prova conformidade nem boa experiência; combine testes automáticos com teclado, zoom, leitor de tela e pessoas reais.

28. WebAIM

URL: WebAIM Articles · Idioma: inglês · Tipo: biblioteca técnica de acessibilidade · Nível: intermediário · Escopo: fundamento adjacente.

Por que entrou e o que estudar: o arquivo explica texto alternativo, formulários, tabelas, navegação por teclado, contraste, leitores de tela e avaliação com profundidade maior que uma checklist. É excelente para entender o “porquê” de cada correção.

Estado e ressalva: ativo e longevo. Algumas pesquisas e capturas mais antigas devem ser lidas com data em mente; use as WCAG atuais como norma e os artigos como interpretação prática.

29. HTMHell

URL: htmhell.dev · Idioma: inglês · Tipo: coleção de antipadrões e correções · Nível: iniciante a intermediário · Escopo: fundamento adjacente.

Por que entrou e o que estudar: ensina HTML semântico mostrando erros reais: div que imita botão, headings quebrados, links sem destino, formulários sem rótulo e ARIA desnecessária. Ler dez exemplos melhora mais um site pessoal do que instalar outra biblioteca.

Estado e ressalva: ativo. Os exemplos problemáticos são deliberados; não copie o primeiro bloco de código sem chegar à explicação e à correção.

30. Modern CSS Solutions

URL: moderncss.dev · Idioma: inglês · Tipo: tutoriais de CSS · Nível: iniciante a intermediário · Escopo: web artesanal adjacente.

Por que entrou e o que estudar: Stephanie Eckles mostra soluções pequenas para tipografia fluida, resets, botões, formulários, layouts e componentes. O foco em CSS nativo ajuda a construir identidade visual sem um framework dominante.

Estado e ressalva: ativo/esporádico, com acervo atual e acessível. Confira suporte de recursos recentes e mantenha fallbacks simples quando seu público usa navegadores antigos.

31. Smashing Magazine

URL: smashingmagazine.com · Idioma: inglês · Tipo: revista técnica · Nível: iniciante a avançado · Escopo: web aberta adjacente.

Por que entrou e o que estudar: possui um arquivo profundo sobre design responsivo, acessibilidade, desempenho, CSS, conteúdo, tipografia e UX. Procure autores como Vitaly Friedman, Sara Soueidan, Eric Bailey e Adrian Roselli; use séries longas em vez de notícias.

Estado e ressalva: muito ativo. É um veículo amplo, não uma comunidade IndieWeb; filtre artigos por data e evite confundir tendências de produto com necessidades de um site pessoal.

32. A List Apart

URL: alistapart.com · Idioma: inglês · Tipo: revista e arquivo histórico · Nível: intermediário · Escopo: web standards adjacente.

Por que entrou e o que estudar: ajudou a formar a prática de web standards, design responsivo, conteúdo separado de apresentação e progressive enhancement. Leia “A Dao of Web Design”, “Responsive Web Design” e artigos sobre arquitetura e autoria.

Estado e ressalva: arquivo de atualização esporádica. Muito do acervo é fundacional, mas exemplos de navegador e técnicas específicas podem estar ultrapassados; leia princípios, depois confirme implementação no MDN.

Sites pessoais que ensinam fazendo

33. Tantek Çelik

URL: tantek.com · Idioma: inglês · Tipo: site pessoal e laboratório · Nível: intermediário a avançado · Escopo: IndieWeb estrita.

Por que entrou e o que estudar: Tantek pratica “use o que você cria”: notas, fotos, respostas, RSVPs, microformats e URLs próprias alimentaram padrões reais. Estude a marcação, a variedade de tipos de post e os textos sobre POSSE, domínio e longevidade.

Estado e ressalva: muito ativo em 2026. O site é resultado de anos de software próprio; inspire-se nas decisões, não conclua que escrever seu CMS é pré-requisito.

34. BoffoSocko, de Chris Aldrich

URL: boffosocko.com · Idioma: inglês · Tipo: blog, commonplace book e tutoriais · Nível: iniciante a avançado · Escopo: IndieWeb estrita.

Por que entrou e o que estudar: conecta IndieWeb, WordPress, anotações, leitura, educação, Webmention e história de commonplace books. O arquivo mostra como um site pode registrar artigos, notas, leituras, respostas e pesquisa, não apenas posts longos.

Estado e ressalva: ativo e muito denso. A navegação pode parecer excessiva; comece pelas categorias IndieWeb e WordPress e siga um único problema por vez.

35. Max Böck

URL: mxb.dev · Idioma: inglês · Tipo: blog técnico e site experimental · Nível: intermediário · Escopo: IndieWeb e web artesanal.

Por que entrou e o que estudar: os artigos sobre Webmentions em Eleventy, feeds, design responsivo, acessibilidade e performance unem explicação e código. O próprio site é um bom estudo de arquitetura, identidade visual e progressive enhancement.

Estado e ressalva: ativo/esporádico. Tutoriais de build usam versões específicas; adapte dependências e preserve os princípios, especialmente sanitização e geração estática.

36. Zach Leatherman

URL: zachleat.com/web · Idioma: inglês · Tipo: blog técnico e arquivo de palestras · Nível: intermediário a avançado · Escopo: web aberta e IndieWeb adjacente.

Por que entrou e o que estudar: fundador do Eleventy, Zach escreve sobre sites rápidos, fontes, imagens, build estático, Web Components e posse do conteúdo. “Own your content on social media using the IndieWeb” é uma boa ponte entre princípios e implementação.

Estado e ressalva: ativo. Há forte presença de Eleventy, mas as ideias de HTML-first, portabilidade e performance são transferíveis a qualquer gerador ou CMS.

37. Miriam Suzanne

URL: miriamsuzanne.com · Idioma: inglês · Tipo: site pessoal, ensaios e recursos de CSS · Nível: intermediário a avançado · Escopo: web autoral adjacente.

Por que entrou e o que estudar: Miriam combina participação em padrões CSS, design de linguagem, acessibilidade e reflexão sobre a própria presença online. Leia “Am I on the IndieWeb Yet?” e materiais sobre CSS moderno e sistemas de design.

Estado e ressalva: ativo. Parte do conteúdo é avançada e ligada a especificações em evolução; iniciantes devem começar pelos ensaios e exemplos, não pelos detalhes de implementação de navegadores.

38. Lea Verou

URL: lea.verou.me · Idioma: inglês · Tipo: blog, pesquisa e demos · Nível: intermediário a avançado · Escopo: padrões web adjacentes.

Por que entrou e o que estudar: o arquivo ensina CSS, HTML, visualização e design de APIs com demos que expõem o mecanismo, não apenas o resultado. Inspecione o código e observe como ferramentas pequenas nascem de necessidades editoriais.

Estado e ressalva: ativo. Experimentos antigos podem usar sintaxe superada; leia a data e confira o status do padrão antes de levar uma demo à produção.

39. Sara Soueidan

URL: sarasoueidan.com · Idioma: inglês · Tipo: artigos técnicos · Nível: intermediário a avançado · Escopo: acessibilidade e frontend adjacentes.

Por que entrou e o que estudar: explicações detalhadas de SVG, componentes, formulários, navegação, CSS e acessibilidade ajudam a criar páginas expressivas sem sacrificar usuários. Os artigos longos ensinam raciocínio, testes e alternativas.

Estado e ressalva: arquivo ativo/esporádico. A profundidade exige leitura lenta; confira suporte atual de SVG/CSS, mas preserve o método de testar semântica e interação.

40. Adrian Roselli

URL: adrianroselli.com · Idioma: inglês · Tipo: blog técnico · Nível: intermediário a avançado · Escopo: acessibilidade e resiliência adjacentes.

Por que entrou e o que estudar: investiga padrões de interface com testes de navegadores e tecnologias assistivas: tabelas, modais, links, campos, foco, zoom e CSS. É excelente para verificar se um “componente criativo” permanece utilizável.

Estado e ressalva: ativo. Resultados dependem de versões específicas de browser/leitor de tela; leia a data e reproduza o teste no ambiente do seu público.

41. Ethan Marcotte

URL: ethanmarcotte.com · Idioma: inglês · Tipo: ensaios e site pessoal · Nível: intermediário · Escopo: design web adjacente.

Por que entrou e o que estudar: autor do conceito de responsive web design, Marcotte escreve sobre layouts flexíveis, organizações, ética e um web design que responda a pessoas e contextos. O site oferece um exemplo contido de publicação autoral.

Estado e ressalva: ativo/esporádico. Não reduza responsividade a breakpoints; a leitura mais valiosa é sobre sistemas flexíveis e decisões de conteúdo.

42. Scott Jehl

URL: scottjehl.com · Idioma: inglês · Tipo: blog técnico · Nível: intermediário a avançado · Escopo: web resiliente adjacente.

Por que entrou e o que estudar: cobre progressive enhancement, desempenho, imagens, fontes e compatibilidade a partir de projetos reais. É uma ótima fonte para quem quer um site que funcione antes de todo JavaScript carregar.

Estado e ressalva: ativo/esporádico. Algumas técnicas antigas nasceram de limitações já resolvidas; entenda o problema e confira se a solução atual pode ser mais simples.

43. Kev Quirk

URL: kevquirk.com · Idioma: inglês · Tipo: blog pessoal e guias · Nível: iniciante · Escopo: small web adjacente.

Por que entrou e o que estudar: escreve de modo acessível sobre blogs, design simples, privacidade, comentários, RSS, hospedagem e rotina de publicação. O arquivo prova que constância e clareza importam mais que uma pilha sofisticada.

Estado e ressalva: ativo. Opiniões e escolhas são pessoais; use-as como ponto de comparação e não como regra universal de minimalismo.

44. Manu Moreale

URL: manuelmoreale.com · Idioma: inglês · Tipo: blog, diário e entrevistas · Nível: iniciante · Escopo: small web adjacente.

Por que entrou e o que estudar: textos sobre internet pessoal, redes sociais, escrita e simplicidade mostram a dimensão humana de manter um site. O projeto People & Blogs nasceu daqui e expõe dezenas de rotinas editoriais.

Estado e ressalva: muito ativo. É mais ensaio e prática de escrita do que tutorial técnico; combine com HTML for People quando quiser implementar.

45. People & Blogs

URL: peopleandblogs.com · Idioma: inglês · Tipo: série de entrevistas · Nível: iniciante · Escopo: small web adjacente.

Por que entrou e o que estudar: cada entrevista pergunta por que, como e com que ferramentas uma pessoa mantém seu blog. Compare motivação, cadência, CMS, descoberta e relação com audiência; o conjunto desfaz a ideia de que existe uma única maneira certa de publicar.

Estado e ressalva: ativo, com arquivo crescente. É amostra curada, não censo; não escolha uma tecnologia só porque um entrevistado a usa.

46. Derek Sivers

URL: sive.rs · Idioma: inglês, várias traduções · Tipo: site pessoal, livros e notas · Nível: iniciante · Escopo: web pessoal adjacente.

Por que entrou e o que estudar: demonstra URLs curtas, páginas sem excesso, arquivo amplo, listas /now, /uses, livros e ideias que permanecem encontráveis. Leia também seus textos sobre posse de contatos e independência de plataformas.

Estado e ressalva: ativo e longevo. O design extremo de simplicidade serve ao conteúdo de Sivers; não precisa virar estética obrigatória para toda web pessoal.

47. Scripting News

URL: scripting.com · Idioma: inglês · Tipo: weblog histórico e laboratório de feeds · Nível: intermediário · Escopo: blogs/RSS adjacentes.

Por que entrou e o que estudar: Dave Winer mantém uma das linhas contínuas mais longas de publicação web e ajudou a desenvolver RSS, OPML e blogrolls. Observe arquivo, permalinks, feed e como ferramentas de escrita se conectam à leitura.

Estado e ressalva: ativo em 2026, ainda servido também por HTTP. É uma linhagem própria, não “documentação IndieWeb”; leia criticamente disputas históricas e diferencie especificação de autoria.

48. Maggie Appleton

URL: maggieappleton.com · Idioma: inglês · Tipo: jardim digital e ensaios visuais · Nível: iniciante a intermediário · Escopo: digital gardens adjacentes.

Por que entrou e o que estudar: o ensaio visual sobre história dos jardins digitais e as notas conectadas mostram como publicar conhecimento em evolução sem fingir acabamento. Observe ilustração, links contextuais, estágios de maturidade e navegação não cronológica.

Estado e ressalva: ativo/esporádico. Um jardim digital pode virar depósito ilegível; copie a transparência sobre maturidade, não apenas a metáfora de plantas.

49. Andy Matuschak’s Notes

URL: notes.andymatuschak.org · Idioma: inglês · Tipo: sistema público de notas · Nível: intermediário · Escopo: digital garden adjacente.

Por que entrou e o que estudar: é um dos exemplos mais influentes de notas evergreen, títulos que funcionam como afirmações e navegação por transclusão. Explore como uma ideia aponta para evidências e vizinhas, e como o histórico de mudança comunica incerteza.

Estado e ressalva: ativo/esporádico. A interface é deliberadamente experimental e pode ser difícil no celular ou para leitura linear; não confunda um sistema de pensamento pessoal com padrão universal de blog.

50. Tom Critchlow

URL: tomcritchlow.com · Idioma: inglês · Tipo: blog e wiki pessoal · Nível: intermediário · Escopo: digital gardens e web pessoal.

Por que entrou e o que estudar: escreve sobre “digital gardening”, homepages como lugares vivos, wikis públicas e criação de pequenas trilhas de conhecimento. O site mistura ensaios, notas e projetos de maneira estudável.

Estado e ressalva: ativo/esporádico. Algumas ideias são deliberadamente abertas; use-as para desenhar seu próprio modelo de navegação, não como especificação.

51. Gwern.net

URL: gwern.net · Idioma: inglês · Tipo: site pessoal, ensaios e notas · Nível: avançado · Escopo: web pessoal adjacente.

Por que entrou e o que estudar: é um caso extremo de arquivo pessoal longevo: ensaios longos, links anotados, referências, versões, tipografia e automação editorial. Estude infraestrutura de leitura, citações, previews e política de preservação, não apenas os temas dos textos.

Estado e ressalva: ativo. O tamanho e a automação são incomuns; um iniciante não precisa reproduzir o sistema. Além disso, qualidade de infraestrutura não equivale a endosso de toda conclusão editorial.

52. Simon Willison’s Weblog

URL: simonwillison.net · Idioma: inglês · Tipo: weblog, TIL e projetos · Nível: intermediário a avançado · Escopo: web pessoal técnica.

Por que entrou e o que estudar: demonstra como um domínio pessoal pode ser diário técnico, arquivo pesquisável, caderno de laboratório e distribuição por feeds. Observe tags, links, citações, notas curtas, posts longos e a seção TIL.

Estado e ressalva: muito ativo. Hoje há muito conteúdo de IA, Python e dados; procure posts sobre blogging, Django, feeds, scraping responsável e arquitetura do próprio site se esse for seu foco.

53. Robin Rendle

URL: robinrendle.com · Idioma: inglês · Tipo: blog e ensaios · Nível: iniciante a intermediário · Escopo: web pessoal adjacente.

Por que entrou e o que estudar: escreve com clareza sobre tipografia, CSS, design, newsletters, leitura e o desejo de uma web mais pessoal. É boa ponte entre o arquivo técnico de CSS-Tricks e uma voz autoral independente.

Estado e ressalva: ativo/esporádico. Não é curso linear; siga os textos por tema e use exemplos como estímulo para escrever e experimentar no seu domínio.

54. Frank Chimero

URL: frankchimero.com · Idioma: inglês · Tipo: ensaios de design · Nível: intermediário · Escopo: cultura e design da web adjacentes.

Por que entrou e o que estudar: “The Web’s Grain” e outros ensaios ajudam a pensar a web segundo seus materiais — fluxo, links, texto, diferentes telas — em vez de imitá-la como página impressa ou aplicativo fechado. Observe também a apresentação contida do arquivo.

Estado e ressalva: ativo/esporádico, com ensaios duradouros. É reflexão de design, não manual de código; transforme conceitos em pequenos testes no seu site.

55. Robin Sloan

URL: robinsloan.com · Idioma: inglês · Tipo: site pessoal, ensaios e experimentos · Nível: iniciante a intermediário · Escopo: web autoral adjacente.

Por que entrou e o que estudar: mostra como um autor pode publicar livros, newsletters, pequenas ferramentas e experiências narrativas fora de um feed algorítmico. Procure os textos sobre software caseiro, redes e mídia própria.

Estado e ressalva: ativo. Nem todo experimento é um modelo técnico a copiar; a lição é permitir que forma e infraestrutura respondam ao conteúdo.

56. Idle Words

URL: idlewords.com · Idioma: inglês · Tipo: ensaios e arquivo pessoal · Nível: intermediário · Escopo: crítica da internet adjacente.

Por que entrou e o que estudar: Maciej Ceglowski escreve ensaios longos sobre privacidade, centralização, arquivos, publicidade e falhas da indústria tecnológica em um site simples e durável. É excelente para desenvolver senso crítico antes de adicionar analytics e serviços externos.

Estado e ressalva: ativo/esporádico. Os textos são opinativos e situados; verifique fatos datados, mas leve a sério as perguntas sobre incentivos e dependência.

57. Laurel Schwulst

URL: laurelschwulst.com · Idioma: inglês · Tipo: site pessoal, cursos e ensaios · Nível: iniciante · Escopo: web autoral adjacente.

Por que entrou e o que estudar: “My website is a shifting house next to a river of knowledge” ampliou o vocabulário para sites como quarto, jardim, prateleira, poça ou planta. O site e seus cursos mostram HTML como meio expressivo, não só como infraestrutura comercial.

Estado e ressalva: ativo/esporádico. As metáforas inspiram, mas não substituem navegação clara, acessibilidade e backup.

História, estética e crítica da web pessoal

58. Handmade Web, de J. R. Carpenter

URL: A Handmade Web · Idioma: inglês · Tipo: ensaio-manifesto · Nível: iniciante · Escopo: small web adjacente.

Por que entrou e o que estudar: o ensaio define “handmade web” como páginas codificadas, ligadas e mantidas por indivíduos, chamando atenção para trabalho, materialidade e escala. Leia ao lado de sites artesanais para reconhecer decisões que templates escondem.

Estado e ressalva: arquivo estável. É texto cultural de 2015, não documentação técnica; “feito à mão” não precisa significar rejeitar toda automação.

59. Olia Lialina — Vernacular Web

URL: A Vernacular Web · Idioma: inglês · Tipo: ensaio visual histórico · Nível: iniciante · Escopo: arquivo histórico da web pessoal.

Por que entrou e o que estudar: examina estrelas, fundos, contadores, páginas “em construção”, links externos e outras convenções da web amadora dos anos 1990. Ensina a olhar estética como linguagem social, não como coleção de “erros antigos”.

Estado e ressalva: arquivo histórico acessível. Não copie animações, contraste ruim ou marcação obsoleta sem crítica; estude intenção, apropriação e criatividade.

60. One Terabyte of Kilobyte Age

URL: blog.geocities.institute · Idioma: inglês · Tipo: pesquisa e arquivo visual · Nível: intermediário · Escopo: arquivo histórico.

Por que entrou e o que estudar: Olia Lialina e Dragan Espenschied analisam centenas de milhares de páginas GeoCities preservadas, reconstruindo práticas de autoria, bairros, GIFs, templates e cultura vernacular. É material de pesquisa, não mera nostalgia.

Estado e ressalva: arquivo histórico ativo como acervo. Capturas são parciais e descontextualizadas; leia as análises e evite tratar milhões de autores como uma estética homogênea.

61. Melonking

URL: melonking.net · Idioma: inglês · Tipo: site pessoal, ensaios e recursos · Nível: iniciante a intermediário · Escopo: small web adjacente.

Por que entrou e o que estudar: mistura arte, história, ensaios sobre a web, páginas experimentais e ferramentas como Zonelets. Explore como navegação, mapa do site, texturas e hiperlinks constroem um lugar com identidade forte.

Estado e ressalva: ativo/esporádico. A experiência deliberadamente labiríntica não serve a todo conteúdo nem a toda pessoa; preserve alternativas de navegação e legibilidade.

62. Sadgrl.online

URL: sadgrl.online · Idioma: inglês · Tipo: arquivo de tutoriais e recursos · Nível: iniciante · Escopo: small web adjacente.

Por que entrou e o que estudar: o acervo ensina layouts, CSS, páginas pessoais, Neocities, webrings e recursos gráficos a uma geração que chegou pela web revival. A seção Learn oferece exemplos pequenos e modificáveis.

Estado e ressalva: arquivo preservado; atualização encerrada ou rara. Alguns links externos e técnicas envelheceram; baixe o que for permitido e confira HTML/CSS no MDN.

63. Yesterweb

URL: yesterweb.org · Idioma: inglês · Tipo: arquivo comunitário e manifesto · Nível: iniciante · Escopo: arquivo histórico da small web.

Por que entrou e o que estudar: preserva discussões, zines, recursos e manifestos sobre recuperar autonomia e criatividade na web. É útil para entender valores e conflitos do movimento de revival no início dos anos 2020.

Estado e ressalva: projeto encerrado/arquivo histórico. Não o use como diretório atual nem confunda seu manifesto com consenso de toda a small web.

64. The HTML Review

URL: thehtml.review · Idioma: inglês · Tipo: revista literária e experimental · Nível: iniciante a intermediário · Escopo: HTML como meio artístico.

Por que entrou e o que estudar: cada edição usa o próprio HTML como forma editorial. Abra os trabalhos, leia o código-fonte e observe como tipografia, interação e hipertexto contribuem para o significado sem uma plataforma de leitura padronizada.

Estado e ressalva: ativo por edições. Alguns experimentos desafiam convenções de usabilidade de propósito; trate-os como arte e investigação, não como template de serviço público.

65. HTML Energy

URL: html.energy · Idioma: inglês · Tipo: comunidade, manifesto e eventos · Nível: iniciante · Escopo: HTML autoral adjacente.

Por que entrou e o que estudar: celebra HTML como material acessível, expressivo e suficiente para criar lugares na web. O arquivo de eventos, entrevistas e transmissões dá repertório para pensar além do site comercial convencional.

Estado e ressalva: ativo/esporádico. A ênfase artística não elimina a necessidade de CSS, acessibilidade ou scripts quando resolvem problemas reais.

66. Low-tech Magazine — Solar Website

URL: solar.lowtechmagazine.com · Idioma: inglês, espanhol e francês · Tipo: revista e experimento de infraestrutura · Nível: intermediário · Escopo: low-tech web adjacente.

Por que entrou e o que estudar: o site solar torna visíveis energia, disponibilidade, compressão de imagem, tipografia e orçamento de dados. Leia a documentação de construção e compare a versão solar com expectativas usuais de disponibilidade contínua.

Estado e ressalva: ativo; pode ficar indisponível quando a bateria se esgota, por projeto. Não generalize a arquitetura a serviços críticos, mas use-a para questionar peso e consumo invisíveis.

67. Hundred Rabbits

URL: 100r.co · Idioma: inglês · Tipo: estúdio, diário e documentação · Nível: intermediário · Escopo: small technology adjacente.

Por que entrou e o que estudar: Rekka e Devine documentam vida em barco, permacomputação, software pequeno, ferramentas offline-first, arte e manutenção de hardware. Explore o wiki, os projetos e as decisões de reduzir dependências.

Estado e ressalva: ativo/esporádico. É uma prática radical e situada; extraia princípios de reparabilidade, arquivos simples e autonomia sem romantizar limitações.

68. Small Technology Foundation

URL: small-tech.org · Idioma: inglês · Tipo: fundação, manifesto e documentação · Nível: intermediário · Escopo: small web em escala humana.

Por que entrou e o que estudar: apresenta a segunda acepção importante de “small web”: tecnologia pessoal, privada, não baseada em vigilância e de locatário único. Leia princípios, Small Web, Site.js e críticas ao modelo de startup financiada por dados.

Estado e ressalva: ativo. É uma visão normativa forte, associada a Aral Balkan; não é sinônimo do índice Kagi Small Web nem da comunidade IndieWeb.

69. Aral Balkan

URL: ar.al · Idioma: inglês · Tipo: ensaios, palestras e diário · Nível: intermediário · Escopo: tecnologia em escala humana.

Por que entrou e o que estudar: desenvolve argumentos sobre privacidade, concentração de poder, financiamento, autonomia e infraestrutura pessoal. Leia os textos de Small Web junto com a documentação da fundação para entender proposta e política.

Estado e ressalva: ativo. O tom é argumentativo e as categorias são próprias do autor; compare com IndieWeb, Fediverso e experiências de pequenos hosts antes de aceitar equivalências.

70. Permacomputing Wiki

URL: permacomputing.net · Idioma: inglês · Tipo: wiki e bibliografia · Nível: intermediário · Escopo: computação sustentável adjacente.

Por que entrou e o que estudar: reúne princípios para sistemas duráveis, apropriáveis, reparáveis, lentos quando necessário e atentos a energia e materiais. As páginas de conceitos e práticas ajudam a pensar sites que não dependem de builds e serviços descartáveis.

Estado e ressalva: ativo/esporádico. É campo emergente e plural, não padrão fechado; diferencie propostas, metáforas e medidas verificáveis.

71. Ink & Switch

URL: inkandswitch.com · Idioma: inglês · Tipo: laboratório de pesquisa · Nível: avançado · Escopo: software local-first adjacente.

Por que entrou e o que estudar: ensaios como “Local-first software” explicam propriedade de dados, colaboração, sincronização, disponibilidade offline e longevidade. Embora vá além de sites, oferece critérios úteis para avaliar editores, CMS e ferramentas pessoais.

Estado e ressalva: ativo. Muitos protótipos são pesquisa, não produtos maduros; não prometa as propriedades local-first sem compreender conflitos, identidade e backup.

72. Web Design Museum

URL: webdesignmuseum.org · Idioma: inglês · Tipo: museu e linha do tempo · Nível: iniciante · Escopo: história da web.

Por que entrou e o que estudar: reúne capturas de sites, softwares e tendências por ano. Use as galerias para observar como limitações técnicas, monitores, fontes e modelos de negócio mudaram a forma visual da web.

Estado e ressalva: ativo, embora a validação automatizada tenha recebido 403; o conteúdo foi confirmado por acesso indexado. Captura visual não preserva interação nem contexto: complemente com Wayback Machine e textos históricos.

73. The History of the Web

URL: thehistoryoftheweb.com · Idioma: inglês · Tipo: cronologia e ensaios históricos · Nível: iniciante · Escopo: história da web.

Por que entrou e o que estudar: Jay Hoffmann organiza navegadores, padrões, comunidades, empresas e movimentos em narrativas curtas e ligadas. É uma boa base para não contar a história da web apenas como sequência de produtos das Big Techs.

Estado e ressalva: ativo/esporádico. É síntese editorial; para pesquisa acadêmica, siga as fontes primárias de cada capítulo.

74. Web Design in 4 Minutes

URL: jgthms.com/web-design-in-4-minutes · Idioma: inglês · Tipo: tutorial interativo · Nível: iniciante · Escopo: design web adjacente.

Por que entrou e o que estudar: a página começa quase sem estilo e adiciona largura de linha, espaçamento, tipografia, cor e hierarquia diante do leitor. Ensina que poucas decisões bem justificadas resolvem mais do que um tema inteiro.

Estado e ressalva: referência estável. É demonstração condensada, não curso de acessibilidade ou identidade visual; adapte contraste, fonte e personalidade ao seu conteúdo.

75. Brutalist Web Design

URL: brutalist-web.design · Idioma: inglês · Tipo: manifesto e guia · Nível: iniciante a intermediário · Escopo: design web adjacente.

Por que entrou e o que estudar: David Bryant Copeland defende conteúdo, desempenho, links e legibilidade antes de decoração. As seções traduzem o conceito em decisões concretas de HTML, navegação e CSS.

Estado e ressalva: referência estável. “Brutalista” aqui é princípio de honestidade material, não licença para texto ilegível, ausência de hierarquia ou estética agressiva.

76. Resilient Web Design

URL: resilientwebdesign.com · Idioma: inglês · Tipo: livro online · Nível: iniciante a intermediário · Escopo: web standards adjacente.

Por que entrou e o que estudar: Jeremy Keith conta como HTML, CSS e JavaScript evoluíram e apresenta progressive enhancement como estratégia de resiliência. Leia os capítulos em ordem para entender por que cada camada deve partir de uma base funcional.

Estado e ressalva: livro estável e aberto. Publicado antes de várias APIs atuais, mas o modelo de camadas permanece válido; confira detalhes técnicos no MDN.

77. W3C Web Sustainability Guidelines

URL: Web Sustainability Guidelines · Idioma: inglês · Tipo: diretrizes do W3C · Nível: intermediário · Escopo: sustentabilidade web adjacente.

Por que entrou e o que estudar: reúne orientação sobre UX, conteúdo, desenvolvimento, hospedagem, medição, hardware e operação. Use as diretrizes para criar orçamento de página, reduzir transferência, alongar vida útil e evitar trabalho computacional inútil.

Estado e ressalva: documento em evolução, não recomendação final equivalente a Webmention. Registre a versão consultada e não transforme estimativas de carbono em números exatos sem metodologia.

Comunidade, hábitos e descoberta guiada

78. IndieWeb Events

URL: events.indieweb.org · Idioma: inglês, encontros em outros idiomas · Tipo: calendário e arquivo comunitário · Nível: todos · Escopo: IndieWeb estrita.

Por que entrou e o que estudar: Homebrew Website Clubs, IndieWebCamps e study halls permitem aprender com pessoas enquanto se trabalha no próprio site. As páginas demonstram RSVPs, login pelo domínio e Webmention em uso real.

Estado e ressalva: muito ativo; a agenda de 2026 incluía encontros recorrentes e Curitiba. Horários e idiomas variam; leia o código de conduta e confirme o fuso.

79. IndieWeb Chat

URL: chat.indieweb.org · Idioma: principalmente inglês · Tipo: chat e logs comunitários · Nível: iniciante a avançado · Escopo: IndieWeb estrita.

Por que entrou e o que estudar: dúvidas que não cabem na wiki aparecem aqui: plugins quebrados, interpretação de especificações, exemplos de marcação e organização de eventos. Pesquise logs antes de perguntar e forneça URL/código reproduzível.

Estado e ressalva: ativo, com logs recentes. Conversa é evidência de prática, não documentação definitiva; não republice contexto sensível e registre soluções duráveis na wiki ou no seu site.

80. Road Less Read — The IndieWeb Carnival

URL: roadlessread.com/lists/iwc · Idioma: inglês · Tipo: arquivo e entrevistas de blog carnival · Nível: iniciante · Escopo: IndieWeb estrita.

Por que entrou e o que estudar: acompanha anfitriões e temas do IndieWeb Carnival, incluindo entrevistas sobre seus sites. Use os roundups como leituras comparativas: dezenas de pessoas respondem ao mesmo tema em domínios próprios.

Estado e ressalva: ativo em 2026. A cobertura depende dos anfitriões e nem toda submissão é técnica; o valor está na rede de vozes e no hábito de publicar.

81. 100 Days to Offload

URL: 100daystooffload.com · Idioma: inglês · Tipo: desafio de publicação · Nível: iniciante · Escopo: web pessoal adjacente.

Por que entrou e o que estudar: propõe publicar cem posts em um ano para reduzir perfeccionismo e formar hábito. Leia regras, participantes e posts de reflexão; adapte o ritmo ao seu tempo.

Estado e ressalva: ativo/esporádico. Quantidade não substitui cuidado, revisão ou privacidade. O objetivo é praticar autoria, não alimentar uma métrica.

82. Slash Pages

URL: slashpages.net · Idioma: inglês · Tipo: catálogo de padrões de páginas pessoais · Nível: iniciante · Escopo: small web adjacente.

Por que entrou e o que estudar: reúne convenções como /about, /now, /uses, /links, /blogroll, /ideas e /defaults. Cada padrão inclui propósito e exemplos, facilitando dar estrutura a um site sem copiar um template inteiro.

Estado e ressalva: ativo. Páginas com barra são convenções, não protocolo; publique apenas o que faz sentido e não transforme listas pessoais em exposição involuntária.

83. Blogroll.org

URL: blogroll.org · Idioma: inglês · Tipo: ensaios e promoção de blogrolls · Nível: iniciante · Escopo: descoberta adjacente.

Por que entrou e o que estudar: explica por que listas de links mantidas por pessoas formam infraestrutura de descoberta descentralizada. Estude formatos, exemplos e o valor de explicar cada recomendação, depois crie uma lista pequena e honesta.

Estado e ressalva: ativo. Um blogroll abandonado perde valor; revise links, registre a data e não trate inclusão como endosso total.

84. Personalsit.es

URL: personalsit.es · Idioma: inglês/multilíngue · Tipo: diretório comunitário · Nível: iniciante · Escopo: small web adjacente.

Por que entrou e o que estudar: permite atravessar muitos estilos de site pessoal e observar páginas, navegação, feeds, domínio, conteúdo e identidade. Use a lista como laboratório: escolha cinco sites, compare estrutura e leia o código-fonte.

Estado e ressalva: ativo com manutenção comunitária. Diretório prova existência, não qualidade, segurança ou atividade de cada entrada; esta posição baixa reflete seu valor de descoberta, não de ensino direto.

85. ooh.directory

URL: ooh.directory · Idioma: inglês, blogs em vários idiomas · Tipo: diretório editorial de blogs · Nível: iniciante · Escopo: web independente adjacente.

Por que entrou e o que estudar: Phil Gyford organiza blogs por tema e faz curadoria humana. É útil para construir um leitor RSS temático e estudar como descrições editoriais melhoram descoberta sem ranking algorítmico.

Estado e ressalva: ativo. Nem todo blog é IndieWeb técnico ou small web visual; o critério central é ser um blog independente interessante.

86. Kagi Small Web

URL: kagi.com/smallweb · Idioma: multilíngue · Tipo: índice e descoberta · Nível: iniciante · Escopo: small web no sentido de sites pessoais/não comerciais.

Por que entrou e o que estudar: oferece Small Web, TinyGem e uma lista pública de feeds para descobrir conteúdo fora dos grandes portais. Examine a lista-fonte e os critérios para entender o que o índice realmente representa.

Estado e ressalva: ativo. É produto de uma empresa e uma curadoria específica; não confundir com Small Web de Aral Balkan nem presumir cobertura completa.

87. Marginalia Search

URL: search.marginalia.nu · Idioma: principalmente inglês · Tipo: mecanismo de busca e experimento técnico · Nível: intermediário · Escopo: small web adjacente.

Por que entrou e o que estudar: busca independente que privilegia texto, links e sites não comerciais, acompanhada de documentação e textos técnicos sobre indexação. Compare resultados com buscadores gerais e observe como escolhas de ranking moldam descoberta.

Estado e ressalva: ativo. Índice menor significa lacunas; resultados não são endosso e a operação depende de um projeto pequeno.

88. Search My Site

URL: searchmysite.net · Idioma: inglês/multilíngue · Tipo: busca e diretório · Nível: iniciante · Escopo: sites pessoais adjacentes.

Por que entrou e o que estudar: permite pesquisar apenas em sites pessoais inscritos e oferece explicações do projeto. Use-o para localizar ensaios raros e analisar como metadados, títulos e texto tornam páginas encontráveis.

Estado e ressalva: ativo com escopo pequeno. A cobertura depende de submissões e crawl; valide autoria, data e links na fonte.

89. 512KB Club

URL: 512kb.club · Idioma: inglês/multilíngue · Tipo: diretório com restrição de peso · Nível: iniciante a intermediário · Escopo: small web leve.

Por que entrou e o que estudar: classifica páginas pelo peso transferido e oferece exemplos reais de design sob restrição. Escolha sites visualmente distintos, examine imagens, fontes, CSS e ausência de scripts e tente reproduzir a ideia com orçamento próprio.

Estado e ressalva: ativo. Tamanho pequeno não garante acessibilidade, privacidade ou bom conteúdo; a métrica é um exercício, não definição completa de qualidade.

Protocolos e comunidades vizinhas

90. Tildeverse

URL: tildeverse.org · Idioma: inglês · Tipo: federação de servidores comunitários e documentação · Nível: intermediário · Escopo: comunidade adjacente.

Por que entrou e o que estudar: tildes oferecem contas Unix compartilhadas, homepages, chat, rádio, feeds e serviços experimentais. Leia a documentação, código de conduta e lista de membros para entender governança pequena e infraestrutura comunitária.

Estado e ressalva: ativo, mas cada servidor tem regras e saúde próprias. Não trate conta gratuita como hospedagem garantida; mantenha backup e respeite recursos coletivos.

91. Gemini Protocol

URL: geminiprotocol.net · Idioma: inglês · Tipo: documentação de protocolo · Nível: intermediário a avançado · Escopo: protocolo adjacente, não Web.

Por que entrou e o que estudar: documenta Gemini, Gemtext, certificados, servidores, clientes e filosofia de um espaço textual deliberadamente limitado. Comparar Gemini com HTTP ajuda a enxergar quanto da complexidade web é escolha, não inevitabilidade.

Estado e ressalva: ativo/esporádico. Gemini não usa HTML, Webmention ou navegadores web comuns e não substitui um site acessível ao público geral; trate-o como complemento experimental.

92. Gemini Quickstart

URL: geminiquickst.art · Idioma: inglês · Tipo: guia prático · Nível: iniciante a intermediário · Escopo: Gemini adjacente.

Por que entrou e o que estudar: explica como navegar, escrever Gemtext e publicar uma cápsula com passos menores que a documentação do protocolo. É a rota mais rápida para experimentar a filosofia de restrição.

Estado e ressalva: conteúdo conhecido e útil, mas a validação HTTPS falhou em 19/09/2026 por problema de conexão TLS. Trate a disponibilidade como incerta e use a documentação oficial do item 91 se não abrir.

93. Floodgap Gopher Project

URL: gopher.floodgap.com/overbite · Idioma: inglês · Tipo: arquivo, documentação e gateways · Nível: intermediário · Escopo: Gopher histórico/ativo adjacente.

Por que entrou e o que estudar: preserva clientes, extensões, especificações e acesso ao Gopherspace. Estude menus, tipos de item e a diferença entre hipertexto web e navegação hierárquica Gopher.

Estado e ressalva: ativo como projeto de preservação. Gateways HTTP não reproduzem toda experiência e clientes dedicados são nicho; Gopher complementa a small web, não pertence à IndieWeb estrita.

Os melhores em português

94. Blog do Antonio — IndieWeb

URL: antonioaugusto.net/category/indieweb · Idioma: português do Brasil · Tipo: blog e tutoriais · Nível: iniciante · Escopo: IndieWeb e open web.

Por que entrou e o que estudar: é o melhor ponto em português encontrado para aprender fazendo: explica criar blog “na unha”, RSS manual, CSS simples e motivação para possuir um espaço. O texto mostra o XML e a descoberta do feed sem esconder a simplicidade.

Estado e ressalva: ativo/esporádico; um experimento de hospedagem foi encerrado em fevereiro de 2026, mas os tutoriais permanecem. Revise pequenos erros de escrita e confirme detalhes técnicos no MDN.

95. Manual do Usuário

URL: manualdousuario.net · Idioma: português do Brasil · Tipo: publicação independente · Nível: iniciante · Escopo: web aberta e tecnologia humana adjacentes.

Por que entrou e o que estudar: Rodrigo Ghedin cobre blogs, RSS, small web, modelos de negócio, privacidade e dependência de plataformas a partir de uma operação editorial independente real. Procure textos sobre ter um site, feeds e protocolos alternativos.

Estado e ressalva: muito ativo em 2026. O escopo é tecnologia geral, não curso IndieWeb; use a busca e leia comentários como contexto, não como fonte normativa.

96. Música em Versão Beta, de Felipe Tavares

URL: felipetavares.me · Idioma: português do Brasil · Tipo: blog pessoal · Nível: iniciante · Escopo: web pessoal/IndieWeb adjacente.

Por que entrou e o que estudar: registra a adoção consciente de um domínio próprio, interesse pela IndieWeb, RSS e uma lista de sites pessoais. É bom exemplo de como temas culturais e tecnologia podem coexistir sem nichar a pessoa em “conteúdo sobre web”.

Estado e ressalva: ativo/esporádico, acessível na verificação. Não é tutorial técnico extenso; o valor está na prática, no arquivo e nos links de descoberta.

97. Logbook, de Diogo Peralta Cordeiro

URL: blog.diogo.site · Idioma: português e inglês · Tipo: blog, palestras e notas técnicas · Nível: intermediário · Escopo: IndieWeb e redes sociais descentralizadas.

Por que entrou e o que estudar: a palestra “IndieWeb and Decentralised Social Networks” oferece uma introdução lusófona aos princípios e às relações com redes distribuídas; o arquivo técnico mostra uma presença pessoal multidisciplinar.

Estado e ressalva: atualização esporádica, com arquivo acessível. Parte principal está em inglês e a palestra é de 2021; confirme o estado atual de ferramentas e protocolos.

98. Fumaça — Uma Internet à escala humana

URL: fumaca.pt/uma-internet-a-escala-humana · Idioma: português de Portugal · Tipo: ensaio e guia introdutório · Nível: iniciante · Escopo: small web adjacente.

Por que entrou e o que estudar: o artigo de junho de 2025 explica domínio próprio, HTML/CSS, hospedagem, portabilidade, RSS, Fediverso, webrings e valor comunitário sem exigir formação técnica. É a melhor visão geral recente em português encontrada.

Estado e ressalva: artigo estável em publicação ativa. Agrupa open web, IndieWeb, social web e slow web como parentes; eles se sobrepõem, mas não são equivalentes técnicos.

99. DioLinux — Small Web

URL: Small Web, uma forma fácil de criar um site · Idioma: português do Brasil · Tipo: tutorial introdutório · Nível: iniciante · Escopo: small web adjacente.

Por que entrou e o que estudar: apresenta site como conjunto de arquivos, explica razões para possuir um espaço e oferece ponto de partida para publicar. É uma entrada acessível para quem conhece o portal por Linux, mas nunca escreveu HTML.

Estado e ressalva: artigo de 2024 em site ativo. É uma introdução curta, não uma formação completa; continue em HTML for People, MDN e 32-Bit Cafe.

100. W3C Brasil — Padrões Web

URL: w3c.br/padroes · Idioma: português do Brasil · Tipo: documentação institucional e cartilhas · Nível: iniciante a intermediário · Escopo: padrões e acessibilidade adjacentes.

Por que entrou e o que estudar: apresenta a Plataforma Web Aberta, HTML, CSS, arquitetura, internacionalização e acessibilidade em português. Depois leia a Cartilha de Acessibilidade na Web e a tradução da WCAG 2.1.

Estado e ressalva: acervo oficial acessível, atualização desigual. Algumas páginas traduzidas são antigas; use-as para fundamentos e consulte a versão inglesa atual quando precisar do texto normativo mais recente.

Plano de estudo de 7 dias

Dia 1 — entender e escolher um lugar

Leia IndieWeb.org, a introdução do 32-Bit Cafe e o primeiro capítulo de HTML for People. Escreva em uma frase por que você quer um site e quais três tipos de conteúdo deseja publicar.

Dia 2 — colocar uma página no ar

Faça a trilha inicial do HTML for People ou Neocities. Publique uma página com título, apresentação, dois links externos e contato. Salve uma cópia local.

Dia 3 — estrutura e acessibilidade

Revise a página com MDN, WAI Tutorials, A11Y Project e HTMHell. Garanta idioma, hierarquia de headings, links descritivos, foco visível, texto alternativo e navegação por teclado.

Dia 4 — identidade própria

Leia IndieWeb Guides e IndieWebify.Me. Se já tiver domínio, use-o como identidade; se não, documente uma futura migração. Adicione uma página /about e, se útil, /now ou /uses a partir do Slash Pages.

Dia 5 — feeds e descoberta

Leia RSS Board, JSON Feed e Blogroll.org. Ative ou crie RSS/Atom, teste em dois leitores e publique um blogroll comentado com cinco sites realmente lidos.

Dia 6 — conexões opcionais

Estude microformats2, Webmention e Micropub. Marque uma h-card e uma h-entry; valide. Só implemente Webmention se estiver disposto a moderar, sanitizar e manter as menções.

Dia 7 — autoria e rotina

Leia James G, Matthias Ott, Manu Moreale e um roundup do IndieWeb Carnival. Publique um texto sobre o que construiu, assine cinco feeds e escolha um encontro no IndieWeb Events.

Plano de estudo de 30 dias

Semana 1 — base publicável

• Complete um curso curto de HTML/CSS e publique de três a cinco páginas.
• Configure domínio, HTTPS, backup local e repositório privado ou público conforme sua preferência.
• Faça auditoria manual de teclado, zoom, contraste, headings, links e imagens.

Semana 2 — conteúdo e navegação

• Defina dois formatos que você realmente sustentará: por exemplo, artigos e notas.
• Crie arquivo, tags somente se necessárias, página 404 e links permanentes.
• Adicione RSS/Atom, sitemap e um blogroll pequeno; teste URLs absolutas e datas.

Semana 3 — IndieWeb por camadas

• Implemente h-card e h-entry; confira parsers.
• Receba Webmentions por serviço ou endpoint próprio e faça moderação antes de exibir.
• Teste envio para uma página sua; só então avalie Micropub, IndieAuth ou POSSE.

Semana 4 — repertório, comunidade e durabilidade

• Leia cinco sites pessoais de estilos diferentes e anote decisões que funcionam.
• Participe de um Homebrew Website Club ou chat com uma dúvida concreta.
• Exporte conteúdo, feeds e configuração; teste restauração e redirects.
• Publique uma página explicando como o site foi feito, suas limitações e uma lista curta de próximos passos.

Recomendações práticas

1. Comece pequeno: domínio, HTML semântico, URLs estáveis, RSS e backup resolvem mais autonomia do que dez integrações.
2. Use padrões antes de plataformas: descubra o que Webmention ou Micropub fazem antes de escolher um serviço que os implementa.
3. Leia código-fonte: nos sites artesanais, “Exibir código-fonte” é parte do material didático. Não copie conteúdo, identidade visual ou assets sem licença.
4. Mantenha saída: salve texto e mídia localmente, exporte OPML, documente DNS e preserve redirects ao migrar.
5. Modere a parte social: Webmentions e formulários recebem spam. Revalide origem, sanitize HTML, limite requisições e aprove antes de publicar.
6. Não confunda leveza com exclusão: uma página pequena ainda precisa de contraste, texto alternativo, foco, zoom e navegação clara.
7. Trate diretórios como portas: Personalsit.es, ooh.directory, Kagi e Marginalia ajudam a descobrir, mas não substituem leitura crítica nem fontes primárias.
8. Em português, participe: a escassez de guias lusófonos é oportunidade. Publique o que aprender, registre datas e ligue para documentação canônica.

Conclusão

Os melhores sites para aprender IndieWeb e small web não são os diretórios com mais links, e sim os que tornam uma prática reproduzível. IndieWeb.org oferece o mapa; 32-Bit Cafe, comunidade e cultura; HTML for People, a primeira publicação; MDN e W3C, fundamentos verificáveis; James G, Matthias Ott, Jeremy Keith, Aaron Parecki e os demais sites pessoais mostram como decisões técnicas viram uma presença viva.

O caminho recomendado é simples: publique algo seu, torne-o legível e acessível, ofereça feed, preserve URLs e backups, conecte-se por links e só acrescente protocolos quando souber qual problema resolvem. A small web não exige nostalgia, estética dos anos 1990 nem rejeição de toda ferramenta moderna. Ela exige que a pessoa, e não a plataforma, continue sendo o centro.

Fontes consultadas

Os links de cada um dos 100 verbetes são as fontes primárias da curadoria. Para critérios, definições e estado do ecossistema, foram especialmente consultados:

• IndieWeb.org — página inicial, princípios e comunidade
• IndieWeb — Getting Started
• IndieWeb — building blocks
• IndieWeb — small web
• IndieWeb Events — arquivo de 2026
• IndieWeb Standards
• Microformats2
• W3C — Webmention
• W3C — Micropub
• IndieAuth specification
• MDN — Learn Web Development
• W3C WAI — Tutorials
• 32-Bit Cafe — Tutorials
• Neocities — Learn How to Make Websites
• Kagi Small Web — lista-fonte
• Small Technology Foundation — The Small Web
• Fumaça — Uma Internet à escala humana
• W3C Brasil — Padrões para uma Plataforma Web Aberta

Nota sobre atualidade

Pesquisa concluída em 19 de setembro de 2026. Sites pessoais, calendários, serviços, certificados e projetos comunitários podem mudar ou desaparecer. A verificação registra disponibilidade e sinais observáveis na data, não garantia futura; antes de depender de uma integração, confirme documentação, manutenção, exportação, segurança e licença na origem.