You are here

Home

Tutorial

Android becomes C-3PO

15 November, 2007 - 14:24 — rerngrit

หลังจากเศร้าใจกับ Android SDK ที่ไม่มีเวอร์ชั่นสำหรับ Mac เก่าๆ ของเรา
และระหว่างรอหาแลปท้อปเก่ามาลง linux ก็ลองเล่น SDK เวอร์ชั่นวินโดวส์ไปพลางๆ ก่อน

โหลดแล้วก็แค่ extract เสร็จ กำหนด path เรียบร้อย ก็ลอง emulator ดูก่อน
อันนี้เป็น default skin (จอเล็กสุด) มันจะมี skin ให้เลือกได้ 4 แบบ ตามนี้
เวลา run ด้วย command ก็เลือกใส่ option เอาเอง
Android Emulator

แล้วก็ลองตัวบราวเซอร์ที่มีให้ เช็ค user agent แล้วพบว่าเป็น WebKit
เปิดมามันจะเข้าหน้า google search ก่อน
ก็ลองเข้าเวบตัวเอง ปรากฏว่าภาษาไทยไม่แสดงผล
rerngrit.com on Android
ไปอ่านเจอของคุณ pit ที่ทดสอบไปก่อนหน้าแล้ว พร้อมมีวิธีแก้ (เจ้าตัวบอกว่าเถื่อนๆ ไปหน่อย)
และในเมื่อมันได้ผล ก็ลองตามซะเลย

นั่งงมทางเข้า console ของตัว emulator อยู่พักนึง ไม่สำเร็จ เพราะใช้ option -console แล้วมันก็ input อะไรไม่ได้
เลยต้องปรึกษาคุณ keng ได้ท่าไม้ตายมาคือ คำสั่ง adb shell ง่ายๆ ซะงั้น
เลยขอความอนุเคราะห์ไฟล์ฟอนต์ทั้งหลายที่ปรับปรุงภาษาไทยแล้วจากฟอนต์ Tahoma อีกที
ก็ใส่เข้าไปใน /system/fonts ของ emulator ด้วย คำสั่ง adb push ทีละไฟล์
ปลุกปล้ำอยู่พักใหญ่ก็สำเร็จ ตามธรรมเนียมก็ต้องเปิดเวบตัวเอง แจ๋วเลย
rerngrit.com on Android after fix

ทดสอบการตัดคำไทย
Android Thai Word-Break TestAndroid Thai Render Page Test
ลองบนวินโดวส์ พบว่าตัวบราวเซอร์ก็มี crash บ้างเหมือนกัน (เหมือน lew เจอ)
ตอนเปิด rendertest.html นี่ไปเลย แต่โดยรวมก็โอเค

ขอยืมสำนวน keng มาดัดแปลงหน่อยว่า ที่สุด ไอ้หุ่นกระป๋อง ก็กลายเป็น C-3PO ได้แล้วซะที... ;-)

Topic: 
Software
Tutorial
Google
Android

Snap Preview Anywhere

9 January, 2007 - 10:14 — rerngrit

เข้าบรรดา บล็อกคนรู้จักทั้งหลาย สังเกตว่าของบางคนมีลูกเล่นอันนึงที่ชอบ คือ
เวลาเอาเม้าส์ไปชี้ที่ลิงก์ แล้วมันจะมีคล้ายๆ บอลลูนป๊อปอัพลอยขึ้นมา พร้อมกับมีหน้าตาของเวบที่ลิงก์ไปเล็กๆ ให้ดูด้วย
เลยอยากเอามาทำในนี้บ้าง ตามดูจนรู้ว่าเป็นบริการฟรีของ snap.com

Snap Preview Anywhere

เข้าไปคลิกๆ กรอกๆ สองสามที ก็จะได้สคริปต์มาชุดนึง สำหรับไปเรียกใช้ JavaScript ของ snap
ตัวอย่างก็จะหน้าตาประมาณนี้

<script defer="defer" id="snap_preview_anywhere" type="text/javascript" src="http://spa.snap.com/snap_preview_anywhere.js?ap=.....xxx blah blah blah xxx... ></script>

แล้วก็เอามาแปะใน tag <head> ของเรา
กรณีของผมใช้ drupal ก็แปะที่ไฟล์ xtemplate.xtmpl ของ theme ที่ใช้
แค่นี้ก็เรียบร้อย เวบเราก็จะดูดีฮิโซขึ้นมาทันที ^_^

ปล.รู้สึกว่ามันยังมีปัญหากับการ preview หน้าเวบที่ใช้ฟอนท์ภาษาไทยอยู่

Topic: 
Tutorial
Web 2.0

CSS page-break-before

30 May, 2006 - 16:57 — rerngrit

จดไว้เดี๋ยวลืม

ความต้องการคือ สั่งพิมพ์จากหน้าเวบ แล้วให้มันแบ่งหน้าให้ตรงจุดที่เราต้องการให้ขึ้นหน้าใหม่
คุ้นๆ ว่า CSS มันมีพร็อพเพอตี้ตัวนึง เลยไปหาดูใน W3C
แล้วก็เจอตัวอย่าง เค้าใช้แบบนี้

ในแท็ก style ก็สร้างคลาสสำหรับ div ขั้นมาคลาสนึง
สมมุติตั้งว่า pageBreak ก็จะเป็นแบบนี้

<style>
    div.pageBreak { page-break-before: always; }
</style>

เวลาจะใช้ ก็ใส่แท็ก div ตรงที่จะให้ขึ้นหน้าใหม่เวลาสั่งพิมพ์

Topic: 
Tutorial

Pages

Subscribe to RSS - Tutorial