Diário HTML 2026

Essa página é um caderno aberto de registros sobre meus aprendizados em codificação (basicamente HTML, CSS e Javascript), além de ideias para meu blog PorceLana.

2026-07-27

Adicionei uns elementos de navegação pela página. Crédito a: https://neckdoll.zombie.jp/

2026-07-16

Arredondei as bordas, que eu estava relutante em fazer, mas sempre fica mais agradável no olhar. Então o arredondamento venceu. Também coloquei pra rodar o código completo na página, que estava em edição numa página teste-da-teste. Considerando que estamos na página teste principal kkkkk. Quando eu finalizar as edições aqui, vou mudar para uma página com a URL mais apropriada e fácil de acessar. Um dia eu farei todo o revamp desse blog, com mudança de URL de todas as páginas. Mas isso só vai ser possível no dia que eu mudar a plataforma de hospedagem, ou pelo menos quando eu aprender a usar o Github. Até lá, vamos tateando por aqui, pois já aceitei que meu processo é lento (duram anos) para serem colocados em ação. Tudo no tempo de deus.

Depois quero trazer pra cá o script de atualização da data, para ficar na minha biblioteca pessoal de tutoriais (>inserir na to-do list).

Também estou na dúvida em relação a data, se coloco espassada ou sem espassamento (letter-spacing).

spaced-datenonspaced-date

2026-07-13

Teste de novo script

2026-07-12

Quero inserir um script no meu blog inteiro para inserir um gif de "new" piscando, toda vez que eu inserir um comando específico para notificar que tem uma atualização nova ou updated. Não sei como fazer, mas sei que é uma possibilidade, provavelmente em javascript. Também queria decidir se insiro um sistema de tags dentro do diário que funcione num sistema de filter tal como essa página [x] do site Nenrikido

2026-07-10

Acho que cheguei numa ideia da estética que quero para essa página. De recursos visuais: arte em ASCII e imagens com efeito em dither. De cores: #7fffdf, #1b1b1b, #ff7fe2.

2026-07-08

Usei uma página que já existia, para tentar rodar os códigos. Não quis pensar muito na estética, para não me travar tanto. Mas não faço ideia de como vou fazer o layout dessa página.

***

Criei uma conta no Github e instalei o Visual Studio Code, mas não sei mexer em nenhum dos dois... Vou iniciar mais um processo de adaptação, enquanto esboço algumas coisas no Codepen.io. Sei que eu quero manter a página só com o código em HTML e manter o CSS no grosso do blog, junto de todo o resto.

Eu estou em dúvida. Queria criar uma sessão com todas as edições do meu diário, para transitar entre as páginas, mas também queria padronizar e concentrar tudo num lugar só. Talvez eu só tire um print do layout das páginas e salve no arquivo, para poder mudar a estética delas em um lugar só, bem simples.

to-do list:

◻ Criar uma pagina chamada Wildlife para plantas que cuido, insetos e pássaros peculiares já encontrado (incluir asas de borboletas soltas) [inspo] [inspo 2]
◻ Página de contemplação para A Viagem de Chihiro: com meu relato como primeiro filme do Studio Ghibli assistido em dvd de locadora + icons, pixels e cia [inspo]
◻ Página para lugares legais e lindo no mundo (que eu nunca fui, nem irei, ou queira ir um dia) [inspo]
◻ Passar imagens da página de layouts para o imgur pra visualização da imagem ficar mais ampla. Tirar o link de redirecionamento das imagens e colocar acima identificando a origem
◻ Fazer descrição em tooltip em todos os blogs do blogroll
◻ Fazer um button para a Oficina da Lana
◻ Pesquisar como personalizar comentários anônimos (nome e avatar)
◻ @HTML 2023 - registrar um tutorial de como fazer o título animado da página "about"
◻ Fazer um modelo padrão código para página estática que pode ser ativado e desativado, dependendo da página
◻ @toybox - adicionar a sessão de textos com "new" e "up" que serão usados no blog
◻ @gráficos - adicionar navegação com ancoras/ section
◻ @about - adicionar lista de favoritos de diferentes categorias(?)
◻ personalizar bold/italic/underline da página about e do blockquote das static_pages
◻ botar santuário na categoria de coleções
◻ tentar colocar os créditos ou o motivo de criação das páginas, dentro das próprias páginas
◻ @gráficos - organizar os links e legendas
◻ fazer uma página de apreciação aos BLs que já assisti - em andamento
◻ @review de industrializados - dinâmica de sort ou filter no codepen
◻ arrumar o erro do arquivo que só mostra até os posts de 2022
◻ corrigir background da @oficina
◻ refazer arquivo, inspirado em hatsu.neocities
◻ configurar titulos da página @leituras
◻ corrigir páginas de listening log
◻ atualizar todas as páginas do blog ver.2026
◻ criar uma blog de prévias, tutoriais e hospedágem de códigos organizados (temporariamente: para hospedágem organizada de imagens).