tag:blogger.com,1999:blog-48945103698454736232011-11-28T06:33:18.972+07:00PanJ: คุยเรื่อยเปื่อยสไตล์คนทำเวปปันเจhttp://www.blogger.com/profile/01804051795866916297noreply@blogger.comBlogger21100tag:blogger.com,1999:blog-4894510369845473623.post-33309011822980899022009-02-22T19:57:00.011+07:002009-02-25T21:09:43.963+07:00พิมพ์ภาษาไทยบน twhirl=================================================<br />UPDATE<br />ตอนนี้ Adobe Air version 1.5.1 รองรับภาษาไทยสมบูรณ์แล้วครับ ยินดีด้วยสำหรับผู้ใช้ twhirl/tweetdeck ทุกท่านครับ<br />=================================================<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_H1pZYHVyDkU/SaQw178tl6I/AAAAAAAAAIo/xOWcfnValek/s1600-h/twitter.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 256px; height: 256px;" src="http://3.bp.blogspot.com/_H1pZYHVyDkU/SaQw178tl6I/AAAAAAAAAIo/xOWcfnValek/s320/twitter.png" alt="" id="BLOGGER_PHOTO_ID_5306419964132824994" border="0" /></a><br />คงมีชาว twitter ไม่น้อยที่ใช้ twhirl ในการ tweet<br /><br />ซึ่งเจ้า twhirl นี้มีปัญหาการรองรับภาษาไทยอยู่ตรงที่เวลาเราพิมพ์ตัวอักษร ค จ ข ฃ จะมีตัวอักษรประหลาดโผล่มาข้างหน้าเสมอซึ่งสร้างความรำคาญใจกับหลายคน อย่างน้อยผมหนึ่งคนล่ะ ผมจึงทำ script ที่ใช้สำหรับลบตัวอักษรประหลาดข้างหน้าออกซึ่งหลักการทำงานของมันก็คือ<br />1. เริ่มต้น script โดยการกำหนด keyboard เป็นภาษาไทย<br />2. ค้นหาการกด keyboard ต่อไปนี้<br />2.1 ค จ ข ฃ : ถ้ากดตัวพวกนี้ และชื่อ title ขณะนั้นมีคำว่า "@twitter - twhirl" จะทำการกดปุ่ม ซ้าย ลบ(Backspace) ขวา เพื่อลบตัวอักษรเกิน<br />2.2 grave accent หรือปุ่มเปลี่ยนภาษา จะทำการปิด script ตัวที่ทำให้ข้อ 2.1 ทำงาน ถ้าปิดอยู่ ก็เปิด<br />3. ในกรณีที่ภาษาในเครื่องกับภาษาใน script สลับกันให้กดปุ่ม ctrl+shift+z เพื่อสลับค่ากลับ<br /><br />ดาวน์โหลดและติดตั้งโปรแกรม AutoHotkey ได้<a href="http://www.autohotkey.com/">ที่นี่</a><br /><br />================<br /><span style="font-weight: bold;">Downloads</span><br />================<br /><br /><div style="text-align: center;"><span style="font-size:130%;"><span style="font-weight: bold;">ดาวน์โหลด script เวอร์ชันล่าสุด</span><br /><a style="font-weight: bold;" href="http://www.baansalathai.net/blog/AdobeAirThaiFix1_01.ahk">AdobeAirThaiFix 1.01</a></span><br /></div>script version ก่อนหน้า<br /><a href="http://www.baansalathai.net/blog/AdobeAirThaiFix1_0.ahk">AdobeAirThaiFix 1.0</a><br /><a href="http://th.upload.sanook.com/A0/f8f835efd5c8cff8fb31549336ecd36a">TwhirlThaiFix 1.0 Beta</a><br /><br />วิธีใช้ เมื่อลง AutoHotkey แล้วให้ run script โดยการเปิดไฟล์ขึ้นมาเลย เท่านี้ script ก็รันแล้ว<br /><br />================<br /><span style="font-weight: bold;">Change Logs</span><br />================<br /><br />AdobeAirThaiFix V1.01 (867 Bytes)<br />- รวบขั้นตอนซ้ำๆกันให้อยู่ในขั้นตอนเดียว ทำให้ลดขนาดไฟล์ script ลง<br />- เพิ่ม key การกด shift+(8,0,-,\) บน layout keyboard ภาษาไทย<br />AdobeAirThaiFix V1.0 (1.84 KB)<br />- แก้ไขจากค้นหา title ชื่อ twhirl เป็นค้นหา title ชื่อ @twitter - twhirl เพื่อความรัดกุมในการทำงานของ script<br />- เปลี่ยน script เป็นชื่อ AdobeAirThaiFix โดยเริ่ม version ที่ 1.0<br />- เพิ่มโปรแกรม TweetDeck ลงไปด้วยเพราะเป็น Adobe Air App เหมือนกัน<br /><br /><br /><br /><br />PanJ<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4894510369845473623-3330901182298089902?l=panjmp.blogspot.com' alt='' /></div>ปันเจhttp://www.blogger.com/profile/01804051795866916297noreply@blogger.com3tag:blogger.com,1999:blog-4894510369845473623.post-19089047592909879732009-01-31T23:13:00.007+07:002009-01-31T23:41:41.965+07:00XHTML/CSS สำคัญไฉน [ตอนที่ 1]เจิมบล็อคหลังปรับปรุงใหม่<br /><br />ตอนนี้ไม่มีอะไรจะเขียนเป็นเรื่องเป็นราวนอกจากยังอยู่ในช่วงสะสมความรู้ใหม่ๆ แต่ผมก็ยินดีจะแบ่งปันความรู้ต่างๆที่ร่ำเรียนมากจากครูบนโลกอินเตอร์เน็ต<br /><br />วันนี้ผมจะมาเอ่ยถึง XHTML/CSS ครับ สำหรับคนเขียนเวปคงคุ้นเคยกันไม่มากก็น้อย<br /><br /><span style="font-weight: bold;">XHTML vs HTML<br /><br /></span><span><span>XHTML</span></span>(Extensible HyperText Markup Language)<span><span> นั้นเป็นโครงสร้างภาษาที่ใช้หลักของ XML</span></span><span>(</span><span>Extensive Markup Language)</span><span> ซึ่งจะมี Syntax ที่เข้มงวดกว่าเช่นแท็ก br นั้นปกติใน HTML สามารถใส่<br>ลงไปในส่วนที่ต้องการเว้นบรรทัดได้เลย แต่ว่าสำหรับ XHTML แล้วจะไม่สามารถใส่แท็กเปิด โดยที่ไม่มีแท็กปิดได้ถ้าต้องการให้โค้ดของเรา valid (สามารถตรวจสอบ XHTML validity ได้<a href="http://validator.w3.org/">ที่นี่</a>) ดังนั้นหากต้องการใส่แท็กเปล่าๆลงบน XTHML สามารถทำได้โดยการใช้<br/>แทน ซึ่งเท่ากับ<br></br>นั่นเอง</span><span style="font-weight: bold;"><br /></span><br /><span style="font-weight: bold;">ทำไมมันต้องอยู่คู่กัน? XHTML กับ CSS</span><span style="font-weight: bold;"><br /><br /></span><span>หากจะเปรียบเวปไซต์เป็นคน (X)HTML ก็คงเป็นโครงสร้างของคนนั้นๆ สูง เตี้ย อ้วน ผอม หน้าเหลี่ยม(?!) หน้ากลม แต่สำหรับ CSS นั้นสามารถเปรียบได้กับการแต่งตัว เสื้อผ้าหน้าผม เครื่องประดับ นั่นเอง ดังนั้นจะเห็นได้ว่าการที่ XHTML กับ CSS นั้นแยกกันทำให้มีความสะดวกในการแก้ไขส่วนของ Design กับ Coding ให้แยกออกจากกัน เปรียบเทียบกับวิธีสมัยเก่าที่ใช้ table ในการซอยหน้าเวปเป็นส่วนๆแล้วใส่ รูป/ข้อความ ลงไปนั้นทำให้เกิดความสับสนในการมาแก้ไขโค้ดภายหลังได้</span><span style="font-weight: bold;"><br /><br /></span><span style="font-weight: bold;">สำหรับตอนหน้าผมจะมากล่าวถึงหลักการของ XHTML ร่วมกับ CSS ครับ</span><span style="font-weight: bold;"><br /><br /></span><div style="text-align: right;"><span style="font-weight: bold;">ปันเจ</span><br /></div><span style="font-weight: bold;"><br /><br /></span><span style="font-weight: bold;"><br /></span><span><br /></span><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4894510369845473623-1908904759290987973?l=panjmp.blogspot.com' alt='' /></div>ปันเจhttp://www.blogger.com/profile/01804051795866916297noreply@blogger.com1