WebTUI - ไลบรารี CSS ที่นำความงามของเทอร์มินัล UI มาสู่เบราว์เซอร์

 (webtui.ironclad.sh)
5 คะแนน โดย GN⁺ 2025-04-14 | 3 ความคิดเห็น | แชร์ทาง WhatsApp
  • WebTUI คือ ไลบรารี CSS แบบโมดูลาร์ ที่นำองค์ประกอบด้านความงามของส่วนติดต่อผู้ใช้แบบเทอร์มินัลมาสู่เว็บเบราว์เซอร์
  • ไลบรารีนี้มอบ ดีไซน์ UI ที่เรียบง่ายและใช้งานเข้าใจได้ทันที เพื่อยกระดับประสบการณ์ผู้ใช้
  • ออกแบบด้วย โครงสร้างแบบโมดูลาร์ ทำให้สามารถผสานรวมและปรับแต่งคอมโพเนนต์ต่าง ๆ ได้อย่างง่ายดาย
  • เป็น โปรเจ็กต์โอเพนซอร์ส ที่นักพัฒนาสามารถใช้งานและร่วมพัฒนาได้อย่างอิสระ
  • เหมาะสำหรับการสร้าง UI สไตล์เทอร์มินัลบนเว็บ และกำลังได้รับความนิยมใน ชุมชนนักพัฒนา

บทความที่เกี่ยวข้อง

3 ความคิดเห็น

 
ikspres 2025-04-14

พอเห็นสิ่งนี้ปุ๊บแล้วคิดว่ามันดูเท่มาก ฉันคงเป็นคนที่มีรสนิยมแบบยุคเก่าไปแล้วสินะ?
 
GN⁺ 2025-04-14
ความคิดเห็นจาก Hacker News

  • ไม่เข้าใจความหมกมุ่นกับเทอร์มินัลยุค 1980 เลย ตอนนั้นมันด้อยกว่าคอมพิวเตอร์บ้านแบบ 8 บิตเสียอีก จะชอบความย้อนยุคก็ได้ แต่การอ้างว่านี่คือเทคโนโลยีล้ำสมัยของ CLI ยุคใหม่เป็นอีกเรื่องหนึ่ง

    • VT102 มีกริดตัวอักษร แต่ต้องใช้โปรโตคอลแบบอนุกรมเพื่อสื่อสารกับแอปพลิเคชันเมนเฟรม สามารถเลี่ยงข้อจำกัดนี้ด้วย raw mode ที่ระบุตำแหน่งแต่ละเซลล์ได้
    • เว็บเบราว์เซอร์มีเอนจินด้านตัวพิมพ์และเลย์เอาต์ที่ทรงพลังอยู่แล้ว แต่เรากลับย้อนกลับไปใช้เซลล์ตัวอักษรอีก นี่เป็นทิศทางที่ผิด
    • ถึงอย่างนั้นก็ชอบความสวยงามและชุดสีพื้นฐานของมัน มีเอกลักษณ์ดีและมีเสน่ห์ในแบบของตัวเอง

  • ชอบสุนทรียะแบบ TUI จาก Terminal Trove และก็ดีที่ WebTUI มีคีย์ลัดด้วย

    • แม้จะไม่ใช่ CSS แต่ก็ทำให้นึกถึง ratzilla ที่ใช้ Rust และ WebAssembly เพื่อสร้างเว็บแอปธีมเทอร์มินัล
    • ดูตัวอย่างแล้วเท่มาก

  • บน iOS ไอคอนไม่แสดงผล ดูไม่ออกว่ามีการเสิร์ฟฟอนต์หรือ SVG มาหรือไม่

  • ฝั่ง Python ก็มี Textualize/textual-web ที่อยู่บนเฟรมเวิร์ก rich/textual เช่นกัน

  • บน Firefox มือถือ ช่องค้นหากว้างไปทางขวาเกินมาหนึ่ง "เซลล์" เลยไม่พอดี อาจเป็นปัญหาเล็กน้อย แต่ถ้าผู้สร้างยังทำโฮมเพจของตัวเองให้เรียบร้อยไม่ได้ ก็ยากจะเชื่อถือ

    • ถ้าคุณสร้าง C compiler แต่คอมไพล์ตัวเองแล้วเกิดข้อผิดพลาด คุณจะยังใช้มันไหม?

  • ดูเท่มาก น่าจะใช้ BBS กับ Gopher กันต่อไป ปัญหาเล็กน้อยคือมีสกอร์ลบาร์โผล่มา และพอกดปุ่มลูกศรก็มีการเลื่อนหน้าจอเล็กน้อย

  • ชอบที่มันซื่อสัตย์กับธีมต้นฉบับ แต่ก็ยังใช้งานด้วยเมาส์ได้อย่างมีประโยชน์

    • เคยคิดจะเขียนธีมโปรเจกต์ที่สไตล์เหมือนเทอร์มินัลจัดการสินค้าคงคลังของร้านอะไหล่รถยนต์ราวปี 1995 ธีมนี้ให้แรงบันดาลใจมาก

  • ดีเลย เมื่อ 2 ปีก่อนเคยลองสำรวจว่าเทอร์มินัล TN5250 ของ IBM จะนำอะไรมาไว้บนเว็บได้บ้าง โดยเฉพาะเหมาะกับงานกรอกข้อมูล

    • มันถูกออกแบบมาสำหรับเดสก์ท็อป ไม่ใช่มือถือ

  • อย่างเดียวที่ไม่ชอบคือแท็กหัวข้อจะถูกเติม '#' นำหน้าโดยอัตโนมัติ นอกนั้นยอดเยี่ยมหมด

  • ชอบที่มันเลียนแบบสี่เหลี่ยมว่างตอนฟอนต์ไม่มี glyph

    • แต่ TUI เป็นสัตว์ประหลาดด้านการออกแบบ มันคือการเลียนแบบ UI ที่สวยงามอย่างผิดๆ แท้จริงแล้วมันดูเป็นแบบนั้นเพราะข้อจำกัดเฉพาะของเทอร์มินัล
    • การนำภาษาการออกแบบนี้ไปอยู่บนแพลตฟอร์มที่รองรับ UI แบบสมบูรณ์ เท่ากับเป็นการจำกัดสิ่งที่เว็บทำได้อย่างไม่เป็นธรรมชาติ
    • ถ้าจะไม่ใช้ความสามารถของเว็บที่มีมาตั้งแต่หลังปี 1995 ไปทำเว็บแบบข้อความล้วนหรือทำเว็บไซต์ Gemini น่าจะดีกว่า
    • โดยมากแล้วคิดว่า TUI ไม่ใช่ทางที่ถูก ยกเว้นกรณีอย่างทำ text editor หรือ process manager ที่อาจเหมาะสม
    • แต่โปรแกรมเทอร์มินัลส่วนใหญ่ไม่ควรใช้ TUI ควรรับ command-line arguments เพื่อปรับพฤติกรรม ทำงานที่ผู้ใช้ร้องขอ แล้วจบการทำงาน
    • แบบนี้โปรแกรมจะปรับใช้ได้ ยืดหยุ่นต่อการนำไปประกอบกัน และเขียนสคริปต์ได้ การบังคับให้ผู้ใช้มาโต้ตอบกับอินเทอร์เฟซที่เลียนแบบ GUI ด้วยมือเป็นประสบการณ์ที่แย่มาก
 
junghan0611 2026-03-15

นี่แหละ สวยงามมาก