minib0x: more than a box : including IT, website, craft, felt, handmade » Computer

SelectedItem.Value vs SelectedValue

admin — Fri, 11 Feb 2011 09:01:17 +0000

เคยสงสัยมั้ยว่า SelectedItem.Value กับ SelectedValue ต่างกันอย่างไร

ทั้งสองคำสั่ง ล้วนเป็นคำสั่งที่ใช้ในการดึงค่าออกมาจาก control ใน .net framework เช่น dropdownlist, radiobuttonlist เป็นต้น แต่

- SelectedValue จะ return เป็นค่าของ SelectedItem ดังนั้นถ้าไม่มีค่าก็จะแสดงเป็นค่า “”

- SelectedItem.Value จะ return เป็นค่าของ item ที่ถูก select ดังนั้นถ้าไม่มี item ที่ถูก select จะ error

PXtoEM

admin — Fri, 28 Jan 2011 09:59:03 +0000

ในการทำเว็บไซต์จำเป็นต้องกำหนดขนาดของตัวอักษรให้แสดงผลตามที่ต้องการ

หน่วยที่ใช้วัดขนาดของตัวอักษรก็มีมากมาย…

px หรือ pixel เป็นหน่วยของการกำหนดค่าขนาดของตัวอักษร แบบกำหนดค่าที่แน่นอน ซึ่งจะไม่สามารถขยายหรือย่อได้ตามความต้องการ
em เป็นหน่วยแบบสัมพันธ์ ซึ่งจะต้องมีการกำหนดฐานว่าต้องการให้มีขนาดเท่าไร โดยที่ 1em จะมีขนาดเท่ากับตัวอักษรที่กำหนดเป็นฐาน การใช้หน่วย em นี้ เมื่อมีการขยายหรือย่อ ขนาดของตัวอักษรนั้นจะยืดหรือหดได้ตามต้องการ
% หรือ percent หน่วยนี้จะคล้ายๆ em คือ 100% จะมีค่าเท่ากับขนาดฐานที่กำหนดไว้
pt หรือ point มีขนาด 1/72 นิ้ว

16px = 1em = 100% = 12pt

ถึงแม้ว่าเบราเซอร์รุ่นใหม่ๆ สามารถย่อหรือขยายตัวอักษรได้เอง แม้ไม่ได้กำหนดเป็น em แต่เบราเซอร์เก่าๆ เช่น IE6 ยังไม่สามารถย่อหรือขยายได้ ดังนั้นการสร้างเว็บไซต์ที่ดีควรกำหนดขนาดตัวอักษรให้เป็น em

ในการออกแบบหน้าเว็บไซต์ส่วนใหญ่ Designer จะกำหนดมาให้เป็นหน่วย px ดังนั้นผู้พัฒนาเว็บไซต์จึงต้องทำการแปลงค่า pixel ให้เป็น em ซึ่งเว็บไซต์ PXtoEM.com เป็นตัวเลือกที่ดีในการแปลงค่ากลับไป กลับมา โดยที่เราไม่ต้องมานั่งคำนวณเองให้เสียเวลา การใช้งานเว็บ PXtoEM.com นั้นก็ง่ายแสนง่าย เชื่อหรือไม่ คลิกเข้าไปลองใช้กันได้เลย

นอกจากจะมีการแปลงค่าหน่วยของตัวอักษรแล้ว ในเว็บไซต์ PXtoEM.com ยังมีส่วนของ Get CSS ซึ่งเป็นการสร้าง CSS ตามขนาดของตัวอักษรที่เราเลือก

และสุดท้ายในส่วนของ Learn ยังมีความรู้อธิบายเกี่ยวกับหน่วยของขนาดตัวอักษรให้เราศึกษาอีกด้วย

กล่าวได้ว่า เว็บไซต์ PXtoEM.com ถือเป็นตัวช่วยสำคัญของผู้พัฒนาเว็บไซต์เลยทีเดียว

Color: Color Scheme Designer

admin — Wed, 26 Jan 2011 03:25:46 +0000

ในการออกแบบเว็บไซต์ เลือกสีสันให้กับ theme นั้น บางครั้งก็จะเจอปัญหาที่ว่า จะเลือกสีไหนดี สีไหนควรใช้คู่กับสีไหนดี เว็บไซต์ colorschemedesigner เป็นตัวช่วยในการเลือกสีได้เป็นอย่างดี

ภาพหน้าตาเว็บไซต์ colorschemedesigner เมื่อเลือกโทนสีแบบ monochromatic

สามารถดูตัวอย่างเว็บไซต์ที่ใช้สีตามที่เราเลือกได้ด้วย โดยคลิก Light page example หรือ Dark page example

ภาพตัวอย่างของ light page example เมื่อเลือกสีแดง โทน mono

ภาพตัวอย่างของ dark page example เมื่อเลือกสีแดง โทน mono

เมื่อเลือก Export > HTML+CSS จะได้สีพร้อมรหัสสีทั้งหมด สามารถนำไปสร้าง theme หรือ template ได้ตามต้องการ โดยไม่ต้องไปเปิดโปรแกรมอื่น เพื่อดูรหัสสี

ภาพตัวอย่างของหน้า export

ต่อจากนี้การเลือกใช้สีในการสร้าง theme หรือ template ก็เป็นแค่เรื่องง่ายๆ

Fail Whale by CSS ONLY!

admin — Fri, 25 Jun 2010 07:05:10 +0000

วันนี้มีสิ่งที่น่าสนใจมาให้ดูกัน เป็นภาพ Fail Whale ของ twitter

ซึ่งสิ่งที่จะได้เห็นต่อไปนี้ ทำจาก CSS ล้วนๆ เลย เจ๋งมากๆ

การแสดงผลของ chrome และ safari จะแสดงผลเป็นภาพเคลื่อนไหว เนื่องจากใช้ webkit ตัวเดียวกัน

firefox ก็ภาพสวยแต่ไม่เคลื่อนไหว ส่วน ie นั้นเหรอ ก็อย่างที่รู้ๆ กัน การแสดงผลค่อนข้างต่างจาก

browser ตัวอื่นๆ จากโลมากลายเป็นหุ่นยนต์ไปซะงั้น อิอิ

ยิ่งเจ้า ie6 ตัวดี นอกจากโลมาจะกลายเป็นหุ่นยนต์แล้ว นกที่แบกโลมาก็ดูท่าทางจะไม่ค่อยสบายด้วย

ขอบคุณเรื่องราวดีๆ จาก Pure CSS Twitter Fail Whale – By Steve Dennis

และสามารถดูการแสดงผลรวมทั้งโค้ดได้ที่ Pure CSS Twitter Fail Whale (CSS Version)

คลิกขวา view source ดูจะเห็น code เอาไว้ศึกษากันได้นะคะ

ภาพประกอบการทดสอบโดย browser ต่างๆ

1. Chrome : ภาพสวยสุด + เคลื่อนไหว (ทดสอบโดย chrome 5.0)

Fail Whale - Chrome

2. Firefox ภาพสวย เหมือน chrome แต่ไม่เคลื่อนไหว (ทดสอบโดย firefox 3.5.10)

Fail Whale - Firefox

3. safari ภาพสวยใช้ได้ แตกต่างจาก chrome ตรงบริเวณน้ำ แต่มีการเคลื่อนไหว

Fail Whale - Safari

4. Internet Explorer ภาพทั้งหมดแสดงเป็นเหลี่ยมๆ ทั้ง โลมา นก น้ำ และฉากสีฟ้า

Fail Whale - IE 8

Fail Whale - IE 7

Fail Whale - IE 6

ภาพ vector

admin — Thu, 18 Feb 2010 14:43:46 +0000

รวมภาพ vector

http://www.freevectordownload.com/

External Harddisk : My Passport Essential 500GB

admin — Fri, 12 Jun 2009 14:25:21 +0000

วันนี้ 12 มิถุนายน 2552

หลังจากเลิกเรียนแล้ว ก็นั่งคุยๆ กันกับเพื่อน รอแดดหมด ค่อยกลับหอ

คุยไปคุยมา ก็เลยอยากไปหาอะไรกินกัน

แล้วนึกอยากจะไปเที่ยว ก็เลยไปกัน กับจอย และทราย

ว่าจะไปหาอะไรกินที่เดอะมอลล์แล้วก็เลยไปซื้อฮาร์ดดิส

เล็งไว้นานแล้ว ตั้งแต่ฝึกงานว่า ฝึกงานเสร็จจะเอาเงินที่ได้มาซื้อ

แต่ก็นะ คนที่จะพาไปซื้อก็ไม่ว่างตลอด เลยไม่ได้ซื้อสักที

ในที่สุดก็เลยตัดสินใจให้ เพื่อนพาไปซื้อ > <~

ก็ได้รุ่นที่เคยเล็งไว้นั่นแหละ

WD My Passport Essential 500GB

ซื้อที่ร้าน Hardware House มาในราคา 3,950 บาท

ตัดสินใจไม่ถูกว่าจะซื้อสีอะไรดี เล็งไว้สีขาวกับสีดำ

(ไอ้คนที่โทรไปถาม ก็บอกให้ซื้อสีเหลือง ไม่มี ก็ไม่ต้องซื้อ > <~ จะบ้าเหรอวะเนี๊ยะ)

ในที่สุดก็ซื้อสีดำมา แต่ ของจริงไม่เห็นโลโก้ WD ชัดเหมือนในรูปเลยยย > <~

กลับหอตัวเบาเลย…. > <~

นี่เป็น External Harddisk ตัวแรก T T ซึ่งใช้เงินของตัวเองล้วนๆ ซาบซึ้งโคตรรรรรร >,<~~~~

ปล. ยังต้องหาซื้อซองใส่ให้มันอีก เด๋วน้องหนูจะเป็นรอยไป

ปล2. เงินที่จะซื้อกล้อง ก็หดลองไปอีกหน่อย เศร้าโคตร~ จะได้ซื้อเมื่อไรหนอ…