WebTUI - a beleza da UI de terminal levada ao navegador com uma biblioteca CSS

• WebTUI é uma biblioteca CSS modular que leva os elementos estéticos da interface de usuário de terminal para o navegador web
• Essa biblioteca oferece um design de UI simples e intuitivo, melhorando a experiência do usuário
• Foi projetada com uma estrutura modular, permitindo integrar e personalizar facilmente diversos componentes
• Como um projeto open source, tem a vantagem de poder ser usado e receber contribuições livremente pelos desenvolvedores
• É útil para implementar uma UI em estilo de terminal no ambiente web e vem ganhando popularidade na comunidade de desenvolvedores

[ikspres]

No momento em que vi isso, será que sou alguém com um senso estético meio de outra época por achar que parece tão legal?

[GN⁺]

Comentários do Hacker News

• Não entendo a obsessão por terminais dos anos 1980. Na época, eles tinham desempenho pior até do que computadores domésticos de 8 bits. Dá para ter gosto retrô, mas isso é diferente de dizer que representam o estado da arte das CLIs modernas

  • O VT102 tem uma grade de caracteres, mas exige um protocolo serial para se comunicar com aplicações de mainframe. Dá para contornar isso usando um modo bruto que permite endereçar células individuais
  • Navegadores web têm mecanismos poderosos de tipografia e layout. Mesmo assim, estamos voltando para células de caracteres. Isso vai na direção errada
  • Ainda assim, gosto do senso estético e da paleta de cores básica. É peculiar, mas tem seu charme

• Gosto da estética TUI no Terminal Trove. Também é bom que o WebTUI tenha atalhos de teclado

  • Não é CSS, mas isso também me faz lembrar o ratzilla, com o qual dá para criar aplicações web com tema de terminal usando Rust e WebAssembly
  • Olhando os exemplos, parece bem legal

• No iOS, os ícones não aparecem. Não dá para saber se a fonte ou o SVG está sendo servido

• Em Python, também existe o Textualize/textual-web, baseado no framework rich/textual

• No Firefox Mobile, o campo de busca fica uma “célula” largo demais para a direita e não encaixa. Pode ser um problema pequeno, mas se o criador não conseguiu fazer a própria homepage direito, fica difícil confiar

  • Se alguém criasse um compilador C e ele desse erro ao compilar a si mesmo, você usaria?

• Parece legal. Devíamos ter continuado usando BBS e Gopher. Há um pequeno problema em que a barra de rolagem aparece e as setas do teclado causam uma leve rolagem

• Gosto que ele siga fielmente o tema original e ainda assim seja útil com mouse

  • Eu queria escrever um tema de projeto estilizado como os terminais de inventário de uma loja de autopeças por volta de 1995. Esse tema é uma grande inspiração

• Gostei. Há 2 anos explorei o que o terminal IBM TN5250 poderia trazer para a web. Ele é especialmente adequado para cenários de entrada de dados

  • Foi projetado para desktop, não para mobile

• A única coisa de que não gosto é que as tags de cabeçalho recebem automaticamente um '#' como prefixo. Fora isso, está tudo excelente

• É legal como ele imita aqueles quadrados vazios quando a fonte não tem um glifo

  • Mas TUIs são uma monstruosidade de design. Na prática, imitam mal UIs realmente bonitas. Elas parecem assim por causa das limitações inerentes do terminal
  • Levar essa linguagem de design para uma plataforma que suporta UIs ricas limita artificialmente o que pode ser feito na web
  • Se você não vai usar recursos da web introduzidos depois de 1995, então um site só de texto ou um site Gemini seria melhor
  • Na maioria dos casos, acho que TUIs estão erradas. Talvez façam sentido se você estiver criando um editor de texto ou um gerenciador de processos
  • Mas a maioria dos programas de terminal não deveria usar TUIs. Eles deveriam receber argumentos de linha de comando para modificar o comportamento, executar a tarefa solicitada pelo usuário e então encerrar
  • Isso torna o programa adaptável, combinável e scriptável. Forçar o usuário a interagir manualmente com uma interface que imita uma GUI é uma experiência horrível

[junghan0611]

Isso sim é bonito.