DominixZ : Live Smart & Geeky

วันนี้ผมมา Review Font Tester ซึ่งเป็น Web เราสามารถทดลองปรับเปลี่ยนขนาด Font , แบบ Font , ขีดเส้นใต้ , ตัวหนา , ความห่างของ Font อะไรต่างๆได้มากมาย วันนี้ผมก็ลองเล่นดูได้พอสมควร เรามีรูปประกอบเหมือนเดิมเพื่อความเข้าใจนะครับ ไปดูกันเลย อยากลองเลยกดที่นี้

ขนาดรูปแค่นี้ยังมีขนาดตั้ง 20kb แนะมาต่อกันดีกว่าครับโดยผมแยกเป็น 3 ที่ใหญ่ๆนะครับโดยเริ่มดังนี้

1. เป็นส่วนปรับแต่งทุกๆอย่างเกี่ยวกับ Font  แล้วก็หน้าต่างที่จะเปลี่ยน
   – View คือส่วนที่แสดงผลโดยแยกได้เป็น 1 , 2 , 3 หน้าต่างในรูปเป็น 2
   – Edit คือการเปลี่ยนแปลงต่างๆจะเกิดขึ้นใน View ไหน
   – Font-size ตรงตัวครับขนาด Font
   – Font-Family คือรูปแบบของ Font นะครับ
   – color คือสีของตัวอักษรนะครับ
   – background-color คือสีของพื้นหลัง
   – Text-algin คือการชิดซ้าย ชิดขวาหรือกึ่งกลาง
   – Line-Weight การกินเนื้อที่ต่อบรรทัด
   – Font-Weight น้ำหนักของ Font (ความหนา)
   – Font-style รูปแบบ Font ในนี้มี ตัวเอียงด้วย
   – Font-variant คือการปรับเปลี่ยการแสดงอันนี้มี small-caps หรือทำให้ภาษาอังกฤษเป็นตัวพิมพ์ใหญ่ขนาดเล็ก
   - text-decoration การตกแต่ง เช่น ขีดเส้นใต้
   - text-indent คือระยะห่างของย่อหน้า
   – text-transform คือการเปลี่ยนรูปแบบ เช่น ตัวใหญ่ทุกตัว ตัวเล็กทุกตัว ตัวแรกใหญ่ที่เหลือเล็ก
   – letter spacing ระยะ่ห่างตัวอักษร
   – word spacing ระยะห่างระหว่างคำ
   - font-stretch ไม่รู้คืออะไรเพราะใช้แล้วไม่เปลี่ยนแปลง (ie7)
   - font-size-adjust ไม่รู้คืออะไรมันไม่เปลี่ยนแปลงอะ (ie7)
   – white space ไม่รู้จะอธิบายไงดี รู้แต่ว่า Pre กับ NoWarp มันทำให้คำัมันต่อกันโดยไม่สนใจว่ามันจะยาวต่อบรรทัดไปไหม
   – unicode-bidi อันนี้ก็ไม่รู้มันไม่เปลี่ยน
   - direction ทิศทางการเขียน ซ้ายไปขวา ขวาไปซ้าย (ต้องเปลี่ยน text align เป็น justify แล้วจะเห็นผล)
2. คือเป็นการทำให้ดูตัวอักษรแต่ละแบบได้ง่ายขึ้น โดยถ้ากดที่ตัวอักษรไหน HTML Entity ก็จะเปลี่ยนไปเป็น code ของตัวนั้น เราสามารถ Get HTML ไปใช้ได้เลยด้วย
3. เป็นหน้าต่างของแต่ละอัน เราสามารถทำการ edit คำในนั้นได้ โดยกด Edit Text แล้วเมื่อเราปรับแต่งถูกใจทุกอย่างใน View ไหนแล้วสามารถ Get CSS code ไปใช้ได้ในทันที

Review อธิบายซะยาวเลยมาว่าถึงข้่อเสียกันเลยดีกว่า ผมเล่นไปเล่นมารู้สึกว่าส่วนปรับแต่งบางทีเราจะใส่ตัวเลขมันก็ใส่ไม่ได้ถ้าเรากด Backspace นะ (บางตัวนะ) ต้องใช้ลาก focus แล้วกดเลขที่จะใส่แทนถึงจะได้ GET HTML Code ไม่สามารถนำไปใช้กับ Text ใน view ด้านบนได้ ที่เหลือก็ดีหมดแล้วครับ เอาไป 8/10 ละกัน Web นี้ผมว่าเขาก็ทำดีนะ แก้ Bug พวกนี้เสร็จคงสุดยอดเลย (ถ้าให้ดีจริงต้องมีั Font ไทยเยอะๆ) เออลืมบอกไปใช้ภาษาไทยก็ได้นะครับใน Text Edit อะนะ ลองใช้กดที่นี้เลยครับ วันนี้ไปมหาลัยก่อนแล้วครับ ^^ รุ่นน้องให้ไปสอน