Coleções · Lots of little HTML pages

Nove acervos, uma página por espécime

Sites feitos de muitas páginas pequenas — finitos, especificados, nativos e sem JavaScript.

Cada coleção pega um acervo fechado — os elementos do HTML, os sinais do POSIX, as unidades do CSS — e dá a cada item a sua própria página, com ficha, exemplo executado, gaveta e raridade. Filtrar, ordenar, buscar e trocar de tema são links: todo estado tem endereço próprio, é compartilhável, favoritável, e o botão voltar funciona. Todas têm espelho em inglês e zero byte de JavaScript.

9 coleções 243 espécimes pt + en 0 byte de JavaScript
Coleção · Expansões do Bash

Insetário do Bash: os operadores miúdos da linha de comando

Vinte e oito insetos — expansões, substituições e variáveis-fantasma — um por página.

Pequenos, numerosos, ignorados e essenciais ao ecossistema: as chaves {a,b} que multiplicam argumentos, o ${var:-padrão} que segura o script quando a variável falta, o <(comando) que finge ser arquivo, o $_ que ninguém sabe que existe. Cada inseto tem ficha com exemplo executado em bash e zsh reais, as diferenças entre os dois anotadas na etiqueta, e a resposta à pergunta que importa: como chamá-lo. 86 páginas em duas línguas, zero byte de JavaScript.

28 insetos, de {a,b} a shift exemplos executados em bash e zsh reais
Visitar a coleção
Também em inglês →
Coleção · Códigos de status HTTP

Gabinete do HTTP: os códigos de status que quase ninguém devolve

Do 100 Continue ao 511 do wi-fi do aeroporto, um por página.

O museu pré-científico do protocolo: o útil, o morto e o absurdo na mesma prateleira. O 402 reservado há três décadas para um pagamento que nunca chegou, o 410 que é o irmão honesto do 404, o 418 do bule de chá (RFC 2324, primeiro de abril de 1998), o 451 que homenageia Bradbury, a vaga vazia do 306. Cada curiosidade com resposta HTTP crua de exemplo, quem a devolve de verdade, e a RFC de origem na etiqueta. 84 páginas em duas línguas, zero byte de JavaScript.

28 curiosidades, do 100 ao 511 cada etiqueta aponta a RFC de origem
Visitar a coleção
Também em inglês →
Coleção · Tipografia Unicode

Lapidário do Unicode: as gemas que o teclado esconde

Travessão, espaço fino, hífen invisível: vinte e sete caracteres, um por página.

O lapidário era o livro medieval que catalogava pedras e suas virtudes. Este cataloga os caracteres que a tipografia lapidou e o teclado escondeu: o travessão que não é hífen, o sinal de menos que não é nenhum dos dois, as aspas curvas, os cinco espaços com larguras diferentes, os invisíveis ZWJ e ZWNJ que montam e desmontam ligaduras. Cada gema com errado vs. certo, e a etiqueta respondendo como chamá-la: atalho no macOS, código no Windows, entidade HTML e code point. 82 páginas em duas línguas, zero byte de JavaScript.

27 gemas, do U+2014 ao U+2060 atalho, entidade e code point em cada etiqueta
Visitar a coleção
Também em inglês →
Coleção · Git por dentro

Cripta do Git: os comandos que sustentam a catedral

Debaixo de commit, push e merge existe uma cripta — e ela salva o seu dia.

O reflog que desfaz o desastre que parecia definitivo, o bisect que acha o commit culpado por busca binária, o rerere que resolve o conflito que você já resolveu e nunca mais pergunta, o cat-file que abre qualquer objeto pelo hash. Vinte e seis ossadas em cinco gavetas — Resgate, Arqueologia, Encanamento, Oficina, Cirurgia — cada uma com o cenário real em que salva o dia e a invocação típica na etiqueta. 80 páginas em duas línguas, zero byte de JavaScript.

26 ossadas, do reflog ao filter-branch Resgate, Arqueologia, Encanamento, Oficina, Cirurgia
Visitar a coleção
Também em inglês →
Coleção · Metadados do <head>

Observatório do <head>: o céu invisível do documento

Nada ali aparece, tudo ali governa — vinte e quatro astros, um por página.

O herbário catalogou o corpo do documento; este observatório cataloga o céu acima dele. Tudo no <head> é invisível na página e decide como ela carrega, aparece e se anuncia: o preconnect que adianta o aperto de mão, o rel=me que é a base da verificação no Mastodon, o theme-color que pinta a moldura do navegador, as speculation rules que pré-carregam o próximo clique. Cada astro com o snippet mínimo, o mito comum desfeito, e a spec na etiqueta. 76 páginas em duas línguas, zero byte de JavaScript.

24 astros, do preconnect às speculation rules o corpo está no herbário; o céu está aqui
Visitar a coleção
Também em inglês →
Coleção · Sinais POSIX

Campanário dos Sinais: os sinos que o sistema toca desde o teletipo

SIGHUP, SIGWINCH, SIGPIPE: vinte e seis sinais POSIX, um por página.

Cada sinal é um sino com toque próprio — uns anunciam, uns alertam, um derruba a torre. O SIGHUP que era o telefone desligado do teletipo e virou 'releia a configuração', o SIGPIPE que explica por que o head fecha o cano sem drama, o SIGWINCH que avisa que a janela mudou de tamanho, o SIGKILL que o processo nunca chega a ouvir. Cada sino com a história do nome, como tocá-lo (kill, número, tecla, trap) e a ação padrão correta segundo o signal(7). 82 páginas em duas línguas, zero byte de JavaScript.

26 sinos, do SIGHUP ao SIGINFO história, toque e ação padrão em cada etiqueta
Visitar a coleção
Também em inglês →
Coleção · Unidades CSS

Câmara de Medidas do CSS: as unidades que quase ninguém pesa

ch, Q, fr, dvh: vinte e oito unidades certificadas, com demonstração viva.

O bureau oficial de pesos e medidas da folha de estilo. O ch que é a largura do algarismo zero, o Q que é um quarto de milímetro e existe pela tipografia japonesa, o fr que só existe dentro do grid, as três alturas do celular (svh, lvh, dvh), os 400 gradianos da Revolução Francesa. O diferencial: 25 das 28 fichas demonstram a unidade ao vivo, em CSS puro — o parágrafo de 40ch dobra a linha em 40ch de verdade, e a barra de 40Q mede exatamente o mesmo que a de 1cm. 88 páginas em duas línguas, zero byte de JavaScript.

28 unidades, do ch ao dppx 25 demonstrações vivas em CSS puro
Visitar a coleção
Também em inglês →
Coleção · Histórico do shell

Relicário do Shell: os símbolos perdidos da linha de comando

Vinte e seis relíquias da expansão de histórico, uma por página — e como chamá-las.

Todo shell que você abrir hoje carrega uma gramática dos anos setenta atrás do ponto de exclamação: !! repete a última linha, !$ traz o último argumento, ^velho^novo^ conserta e reexecuta, :h corta o caminho como um dirname sem subshell. Quase ninguém chama esses símbolos, mas eles continuam lá. Montamos a coleção irmã do herbário para guardá-los: 26 relíquias — designadores de evento, de palavra, modificadores, as vizinhas Ctrl+R e Alt+. e o interruptor set +H — cada uma na sua própria página, com exemplo de terminal, raridade e a etiqueta que responde a pergunta que importa: como chamá-la. São 82 páginas HTML em duas línguas e zero byte de JavaScript.

26 relíquias, de !! a set +H 82 páginas HTML, 0 byte de JavaScript
Visitar a coleção
Também em inglês →
Coleção · HTML sem JavaScript

Herbário do HTML: trinta elementos, uma página cada

Trinta elementos que o navegador já traz prontos, prensados um por página.

O HTML já resolve sozinho coisas que a gente costuma reconstruir em JavaScript. Para mostrar isso sem argumentar, montamos um herbário: trinta elementos pouco usados da especificação — de <address> a <template> — cada um prensado na sua própria página, com descrição, exemplo vivo e raridade. O site inteiro tem 414 arquivos HTML e zero byte de JavaScript. Filtrar por gaveta, ordenar por raridade, buscar, trocar de tema e até abrir o menu são páginas separadas ligadas por links — então todo estado tem endereço próprio: compartilhável, favoritável, e o botão voltar funciona. O navegador cuida do resto.

414 páginas HTML, 0 byte de JavaScript filtro, busca e tema viram links: todo estado tem URL
Visitar a coleção
Também em inglês →

O navegador já resolve mais do que a gente costuma reconstruir.

As coleções são o argumento em forma de site: HTML estático, estado no endereço, nada para hidratar. O mesmo raciocínio que aplicamos quando escolhemos um algoritmo — usar o que a plataforma já garante antes de escrever a próxima camada.

Voltar para a home Falar com a gente