ระบบเลย์เอาต์ทางเลือก

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

---

แนะนำระบบเลย์เอาต์ทางเลือก

สคริปต์นี้ถ่ายทอดรูปแบบเลย์เอาต์เฉพาะตัวที่พบใน เอกสารโบราณบางประเภท (เช่น ต้นฉบับเขียน) ให้กลับมาใช้งานในรูปแบบสมัยใหม่ จุดเด่นของวิธีนี้คือการเติมพื้นที่ว่างที่เหลืออยู่ระหว่างคำสุดท้ายของแต่ละบรรทัดกับปลายสุดของบล็อกข้อความด้วยองค์ประกอบภาพหลากหลายชนิด

ฟังก์ชันและวิธีใช้งาน

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

วัตถุประสงค์การใช้งานและข้อดี

• ใช้เพื่อเพิ่ม ความหลากหลายด้านการออกแบบ และจำลองเอฟเฟกต์เลย์เอาต์ของเอกสารโบราณ
• รองรับการนำสไตล์ของต้นฉบับแบบดั้งเดิมหรือ หนังสือโบราณ ไปใช้กับเอกสารดิจิทัลหรือเว็บเลย์เอาต์ได้
• เป็นเครื่องมือที่ช่วยเพิ่ม ความสม่ำเสมอด้านภาพ และความสมบูรณ์ของเอกสาร

[GN⁺]

ความเห็นจาก Hacker News

• รู้สึกว่า "Same Sizer" ดูไม่ค่อยสวยเท่าไร เพราะมันขยายตัวอักษรแบบกลไกจนความกว้างของแต่ละบรรทัดไม่เท่ากัน แบบที่ดีที่สุดในอุดมคติคือต้องรักษาความกว้างของทุกบรรทัดให้เท่ากัน แล้วขยายแค่ตำแหน่งของตัวอักษรเท่านั้น หลักการ "ตัวอักษรทุกตัวมีขนาดเท่ากัน" นี้เห็นการประยุกต์ใช้ได้ดีมากในงานคัดอักษรเวียดนาม มีตัวอย่างที่นำอักษรละตินแบบตะวันตกมาเขียนแบ่งลงในสี่เหลี่ยมจัตุรัสเท่า ๆ กันเหมือนอักษรจีน จนให้ความรู้สึกกลมกลืน [ภาพตัวอย่าง](https://commons.m.wikimedia.org/wiki/File:%C4%90%E1%BB%91i_-_T%E1%BA%BFt_2009.jpg)
  • ดูภาพตัวอย่างแล้วไม่รู้เลยว่าเป็นอักษรละติน เพราะผมอ่านภาษาจีนไม่ออก อะไรที่หน้าตาคล้าย ๆ กันก็เลยถูกจัดเข้าโซน "ตีความไม่ได้" ไปหมด เป็นเอฟเฟกต์ที่น่าสนใจ ถ้ารู้ภาษาเวียดนามก็น่าจะพอมองออกเป็นคำและพยางค์ที่คุ้นตาได้
  • ในบริบทคล้ายกัน ยังมีตัวอย่างงานคัดอักษรที่น่าทึ่งมากอีกชิ้น ลิงก์
  • ลิงก์ตัวอย่างที่อยากให้ดูเสีย เข้าไม่ได้
• คิดว่า "Last Is First" ให้ความรู้สึกเหมือน checksum ชนิดหนึ่งที่ช่วยให้คนคัดลอกข้อความไม่หลงตำแหน่ง จำได้ว่าตอนเรียนโทราห์ เวลาต้องย้ายจากฮีบรูตัวพิมพ์ทั่วไปไปเป็นข้อความเขียนมือที่ไม่มีสระ แล้วต่อไปยังตัวหนังสือแบบยืดออกนั้นยากมาก แถมยังต้องเรียนการอ่านให้ตรงเหมือนขับร้องด้วย ถึงอย่างนั้น พอเห็นคอลัมน์ที่เขียนด้วยหมึกบนแผ่นหนังด้วยมือตัวเองแล้วก็สวยมากจริง ๆ
• บางครั้งเวลาเห็นอะไรที่สวยประหลาดเกินไป ก็จะมองเห็นความอัจฉริยะที่ซ่อนอยู่ในนั้น แล้วเหลือแต่ความสุขล้วน ๆ ทำได้ยอดเยี่ยมมาก!
  • อยากถามว่าได้ลองอ่านออกเสียงไหม จู่ ๆ เสียงจะกลายเป็นหุ่นยนต์ไปเลย
• สำหรับภาษาที่ไม่เป็นภาษาสัทอักษรอย่างภาษาอังกฤษ วิธีนี้ให้ความรู้สึกทรมานพอสมควร โดยเฉพาะใน "Last is First" คุณเห็น "I" ก่อน แล้วค่อยต้องมารับรู้ทีหลังว่าจริง ๆ มันคือ "In" ก็ต้องย้อนกลับไปประมวลผลในหัวอีกที เห็น "t" ก่อนแล้วค่อยรู้ทีหลังว่าคือ "that" ถ้าอ่านออกเสียงก็ยิ่งสับสน เพราะต้องประกอบหน่วยเสียงใหม่จาก 't' กับ 'th' ซึ่งเป็นคนละเสียงกันเลย
  • อนึ่ง "i.e." หมายถึง "กล่าวคือ, that is" และในกรณีนี้ควรใช้ "e.g." ("for example, เช่น") มากกว่า
  • ถ้าจะพูดถึงข้ออ้างว่าอังกฤษไม่ใช่ภาษาสัทอักษร อังกฤษก็ยังเป็นระบบตัวเขียนที่ใช้แทนเสียงอยู่ดี แค่ตัวอักษรหนึ่งตัวออกเสียงได้หลายแบบจึงไม่สม่ำเสมอเท่านั้น ถ้ามันไม่มีหน้าที่ทางสัทอักษรจริง ความสับสนแบบนี้ก็คงไม่เกิดขึ้นตั้งแต่แรก
  • รู้สึกว่าการอ่านจริง ๆ ไม่ได้เป็นการถอดรหัสทีละตัวอักษร แต่ใกล้เคียงกับการจดจำรูปแบบมากกว่า ตัวอย่างดัง ๆ คือแม้จะสลับลำดับตัวอักษรในแต่ละคำ คนก็ยังอ่านได้คล่อง แน่นอนว่าอาจไม่ได้ใช้ได้เหมือนกันกับทุกคน แต่ละคนก็มีวิธีอ่านและตีความข้อความของตัวเอง มีบทความและตัวอย่างข้อความเกี่ยวกับเรื่องนี้ด้วย ลิงก์
• อยากเพิ่มคำหลาย ๆ คำลงในเลย์เอาต์ "Hyphenator" เพื่อให้เกิดเอฟเฟกต์ที่ตัวอักษรค่อย ๆ เล็กลงเมื่อข้ามบรรทัด อยากทำประสบการณ์สมัยเรียนมหาวิทยาลัยที่ต้องเขียนโน้ตให้แน่นเต็มหน้าแล้วฝืนยัดตัวหนังสือลงในที่ว่างให้เป็นดิจิทัล
• ผมมีแค่สายตาเอียงค่อนข้างมาก แต่แทบไม่มีปัญหาด้านการมองเห็นอื่นเลย ทว่าอ่านข้อความแบบ Same Sizer กลับง่ายกว่าที่คิดมากอย่างน่าประหลาด
• ในฐานะคนที่มีภาวะสายตาขี้เกียจและเห็นภาพซ้อน Same Sizer อ่านง่ายมากจนน่าทึ่ง สบายกว่าข้อความปกติอีก สงสัยว่าไอเดียนี้จะเอาไปใช้เป็นโหมดการเข้าถึงได้ไหม
  • ผมไม่มีปัญหาทางสายตา แต่ก็รู้สึกว่า Same Sizer อ่านง่ายกว่าที่คาดไว้มาก
• เลย์เอาต์แบบ "Last is first" ทำให้นึกถึงแนวคิด custos/custodes ที่เห็นบ่อยในโน้ตเพลงสวดเกรกอเรียน เป็นสัญลักษณ์ที่บอกโน้ตตัวแรกของบรรทัดถัดไปไว้ล่วงหน้า พอสายตาเลื่อนไปบรรทัดใหม่ก็รู้โน้ตตั้งต้นอยู่แล้ว จึงรู้สึกคุ้นเคย คำอธิบายโดยละเอียด
• หน้านี้รีเฟรชเองทุก ๆ ไม่กี่วินาที เลยดูอะไรไม่ได้เลย น่ารำคาญมาก
• แย่มากจริง ๆ แต่ในขณะเดียวกันก็น่ารักจนอดรักไม่ได้
• ได้โปรดอย่าทำเว็บไซต์แบบนี้เลย ถึงจะอยู่บนเครือข่าย 1Gbps ก็ยังมีการส่งภาพขนาดมหึมาที่เซิร์ฟเวอร์รับมือยากอยู่เรื่อย ๆ แม้แต่ภาพ jpeg ขนาดแค่ฝ่ามือก็ยังไปถึงความละเอียด 4K และขนาด 9MiB บางหน้าก็โหลดเกิน 40MiB ใช้เวลาเกือบ 15 วินาที ปัญหาไม่ใช่เซิร์ฟเวอร์ช้า แต่ตัวเว็บมันใหญ่เกินไปเอง
  • ตอนแรกงงมากว่าไม่มีลิงก์ให้ดูเลย์เอาต์เลย ที่แท้คือมันกำลังโหลดอยู่ บนเครื่องผมกว่าภาพหนึ่งจะขึ้นใช้เวลาเกิน 3 นาที
  • แต่ในกรณีนี้ก็พอจะเป็นจุดยืนที่มีเหตุผลกว่าปกติ เพราะเว็บนี้ไม่ได้สร้างมาเพื่อผู้ใช้ปลายทาง ประสิทธิภาพ หรือการเพิ่ม conversion rate สูงสุด แต่เป็นงานโชว์งานออกแบบสำหรับนักออกแบบตัวพิมพ์ ทุกพิกเซลมีความสำคัญ ดังนั้นสำหรับมืออาชีพ การรอเพิ่มอีกไม่กี่วินาทีเพื่อพิจารณาผลงานอย่างละเอียดก็มีความหมายมากกว่า