Web Developer

เขียนโค้ดได้สบายตา กับการใช้ Typeface ชื่อว่า “Hack”

เรื่องที่เกี่ยวข้อง - Hack Typeface, Sublime

จากข่าว Hack ออกเวอร์ชั่น 2.0 ทำให้โค้ชพลสนใจมาก เพราะมันอ้างว่า ตัวมันสามารถอ่านได้ง่าย แม้ในขนาดตัวหนังสือที่เล็ก หรือหน้าจอความละเอียดต่ำ

เช่น ด้านล่างนี้คือการเทียบตัวอักษรที่ Hack ออกแบบมาให้นักพัฒนาสามารถแยกแยะตัวอักษรที่คล้ายกันได้ง่ายขึ้น

Hack type face compare character

ก็เลยอยากลองใช้ดู โดยโปรแกรมที่โค้ชพลใช้ประจำคือ Sublime Text ครับ

วิธีเรียกใช้ “Hack” Typeface ใน Sublime Text

  1. ดาวน์โหลดไฟล์จาก Source Foundry และติดตั้งลงในเครื่อง
  2. เปิดโปรแกรม Sublime Text
  3. ให้เราเข้าไปที่ Preference > Setting – User  แล้วแก้ไข หรือเพิ่ม type_face  เข้าไปครับ
{
	"font_face": "Hack",
}

จากนั้นก็ทำการบันทึกไฟล์ ตัว Sublime ก็จะทำการเปลี่ยน Typeface ของ code เราให้ดูทันที

ซึ่งหลังจากใช้งานไปสักพัก ส่วนตัวแล้วผมคิดถึง Source Code Pro ของ Adobe นะ ซึ่งมันจะให้ความรู้สึกนุ่มกว่า แต่ในปริมาณ code จำนวนมากๆ เต็มหน้าจอ Hack สร้างความประทับใจได้ดีทีเดียว

Hack type face on Sublime Text

ลองเอาไปใช้ แล้วมาบอกในคอมเม้นต์ด้านล่างดูนะครับ ว่าดีไม่ดี ชอบไม่ชอบ

เปิดอบรม React Native สำหรับผู้เริ่มต้น

ปูพื้นฐาน React และ React Native เข้าใจง่าย, ใช้ได้จริง, เนื้อหาใช้ในการทำแอพ Enterprise ขององค์กรได้

เพิ่มเติม

 

เริ่มต้นยุค AI ด้วยคอร์สฟรี และพรีเมี่ยม กับพล

หากชอบสิ่งที่พลเล่า เรื่องที่พลสอน สามารถสนับสนุนพลโดยการเข้าเรียนคอร์สออนไลน์ของพลนะคร้าบ

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

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

Privacy Preferences

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

Allow All
Manage Consent Preferences
  • Always Active

Save