โพสต์

กำลังแสดงโพสต์จาก 2011

แสดง Library ใน Lion

รูปภาพ
ใน Lion ทาง Apple ตัดสินใจที่จะซ่อน Folder Library ไปซะ เข้าใจว่าผู้ใช้ส่วนใหญ่จะรู้สึกดี เพราะไม่มีมันมารบกวน แต่ผู้ใช้ส่วนน้อยอย่างเรากลับมีปัญหา ต้องคอยเปิด terminal เป็นประจำ

ทางแก้ที่หนึ่งในกรณีที่ไม่ได้ใช้ Library เป็นประจำ ให้เราไปที่โปรแกรม Finder แล้วเลือก Menu Go พร้อมกดปุ่ม option หรือปุ่ม alt ค้างไว้ จะทำให้ Library โผล่ออกมา

ภาพแสดง Menu Go เมื่อกด option ค้างไว้
แต่ถ้าใครใช้ Library เป็นชีวิตประจำวัน ให้ไปที่โปรแกรม Terminal แล้วพิมพ์ดังนี้
chflags nohidden ~/Library/
ต่อไปเวลาเปิด Finder มันจะไม่ซ่อน Library อีกต่อไป และถ้าต้องการให้มันกลับไปซ่อนเหมือนเดิม ก็ใช้คำสั่ง
chflags hidden ~/Library/
เท่านี้เราก็เข้าถึง Library ได้สบายใจเฉิบเหมือนเดิมแล้วครับ

แสดง branch name ใน terminal

รูปภาพ
ปัญหาหนึ่งเวลาที่เราใช้ Git คือ เราไม่แน่ใจว่าตัวเองอยู่ใน branch ไหน ปกติแล้วเราจะพึ่ง

git status หรือ git branch

พอต้องทำทุกครั้งก็จะเริ่มหน่าย วันนี้ไปเจอหน้าจอ termianl ของน้องเก้า @neokain เลยได้ script สำหรับแสดง ชื่อ branch บน terminal มา


หลังจากปรับเล็กน้อย ก็ได้ script แบบนี้ครับ


function parse_git_branch { git branch 2> /dev/null | sed -e '/^[^*]/d' -e 's/* \(.*\)/(\1)/' } GREEN="\[\033[0;32m\]" YELLOW="\[\033[0;33m\]" GRAY="\[\033[1;30m\]" PS1="$GREEN\w$YELLOW\$(parse_git_branch)$GRAY \n\$ " เอา script ชุดนี้ใส่ไว้ใน file ~/.bash_profile ตอนที่เปิด termianl ขึ้นมาใหม่ ก็มีจะชื่อ branch ขึ้นมาให้เราดูครับ

เปิด Sub lime text จาก terminal

รูปภาพ
เพราะคุ้นเคยกับ "mate ." และ "mvim" ทำให้เคยตัว และรู้สึกว่า Sub lime text มันควรจะทำได้สิ

หน้าตา sub lime text 2
ลองค้นดูพบวิธีง่ายๆ โดยการแก้ไฟล์ ~/.bash_profile แล้วเพิ่มบรรทัดนี้ลงไป
alias subl='open -a "Sublime Text 2"'

หลังจากนี้ถ้าต้องการเปิดไฟล์ ก็ให้สั่ง

subl application.rb


หรือต้องการเปิด Folder ปัจจุบันก็ให้สั่ง

subl .

เท่านี้ก็ได้ slt แบบ mate แล้ว

edit: แก้ comment เป็น subl ให้ตรงกับ command ใน Sublim Text 2.app

เปิด Terminal ใหม่บน Folder เดิม

รูปภาพ
บน Mac เวลาทีเปิดหน้าต่างบน Terminal ใหม่ มันจะกลับมาที่ Home ทุกครั้ง ตอนแรกๆ ก็คิดว่าพอรับได้ หลังๆ พบว่าสำหรับ Developer หรือ Admin เราต้องการเปิด Terminal ใหม่ใน Folder เดิม มากกว่า Folder Home แต่ก็ไม่รู้จะแก้ยังไง จะใช้ท่ายากก็ขี้เกียจ

ล่าสุดผมเปลี่ยนมาใช้ iTerm 2 แทน Terminal เพราะมันแบ่งหน้าจอได้เหมือน Terminator

แบ่งหน้าจอบน iterm 2

ทำให้พบว่าปัญหาที่ค้างมาสี่ห้าปี มีทางออกง่ายๆ แล้วโดยตัว Preference ของ iTerm 2 นั่นเอง

หน้า preference ของ iterm 2
ขั้นตอนมีดังนี้ เปิด Preference ของ iTerm 2 แล้วกด Profile แล้วเลือก Tab Generalเลือก Reuse previous tab's directory  ใน  Work Directory
เสร็จแล้วครับ หลังจากนี้ไม่ว่าจะเป็นการเปิด Tab ใหม่ หรือ split หน้าจอ มันจะอยู่ใน Folder เดิมตลอด

วิธีแก้ปัญหา Photoshop สั่ง Save for web แล้วทำให้สีเพี้ยน

รูปภาพ
ปัญหาของสีเพี้ยนตอนที่ save รูปจาก Photoshop ไปเป็น Png หรือ Jpeg เป็นเพราะว่า เราตั้ง Profile ของสีที่จะใช้กับสีที่แสดงบนหน้าจอเป็นคนละ Profile กัน ทำให้ได้ผลดังรูป


ภาพแสดงความแตกต่างของ original กับ save for web
ภาพล่างคือภาพที่ได้จากการ save for web ส่วนภาพบนเป็นต้นฉบับ จะสังเกตุว่าภาพล่างสีซีดกว่าภาพบน ทางแก้คือต้องปรับ Color Profile โดยเข้าไปที่ Edit > Color Settings จากนั้นเลือก Monitor Color ตามรูป

ภาพแสดงการตั้งค่า Color profile
จากนั้นตอนแสดงผลให้เราปรับ Proof Setup ให้เป็น Monitor RGB  โดยเลือกที่เมนูตามภาพ

ภาพแสดงการเลือก Monitor RGB
จากนั้นตอนที่เราสั่ง save for web ให้เราระวัง อย่าไปสั่ง convert to sRGB เพื่อให้แน่ใจว่าภาพที่ออกมาจะเหมือนกับที่เราออกแบบไว้

ภาพแสดงว่าไม่ต้องเลือก Convert to sRGB
ที่ค่าเริ่มต้นของ Photoshop ไม่ได้เป็น RGB แต่เป็น CMYK คาดว่าเป็นเพราะบน Mac ผู้ใช้มักจะทำงานสิ่งพิมพ์มากกว่างานที่ออกหน้าจอทำให้เราต้องมาปรับค่า view กันทุกเครื่องไป

ดูรายละเอียดเพิ่มเติมได้ที่ embedded JPEG profiles

ออกแบบ Action Bar ให้ Android Honeycomb

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

วันนี้ดูวีดีโอ "Designing and Implementing Android UIs for Phones and Tablets" ของงาน Google IO แล้วไปเจอ Pattern เท่ๆ ของ Honeycomb เข้า ในวีดีโอเล่าว่าเราควรใช้ Action bar ในการตอบคำถามพื้นฐานให้กับผู้ใช้ โดยเรียงเป็นลำดับว่า

ฉันอยู่ที่ไหน?ฉันเห็นอะไรได้บ้าง?ฉันทำอะไรได้บ้าง?
ลองมาดูหน้าตาของ Action bar ที่ Google วาง Pattern ไว้ เพื่อตอบโจทย์ข้างต้น

หน้าจอ wireframe ของ Action Bar
จะเห็นว่าทั้ง Mobile และ Tablet ต่างก็มี Action Bar ทั้งคู่ ถ้าเป็น Mobile ตัว Action bar จะถูกวางเอาไว้ทั้งด้านบน และด้านล่าง ส่วนของ Tablet จะวางไว้ด้านบนสุดวาดยาวจากซ้ายไปขวา แบบออกได้เป็นสามส่วนเพื่อตอบโจทย์ตามลำดับ

1. ฉันอยู่ที่ไหน หรือ ฉันอยู่ในโปรแกรมไหน

หน้าจอแสดงตัวอย่างตำแหน่ง Logo ของโปรแกรม
Google เลือกตอบคำถามโดยวาง Logo ของโปรแกรมไว้ที่ด้านซ้ายสุดของ Action bar โดย…