สำหรับใครที่ชื่นชอบการทำงานฝีมือ วันนี้มี ผ้าสักหลาดพิมพ์ลาย หรือที่เรียกว่า Pattern Felt นำเข้าจากเกาหลี ลายน่ารักมากๆ มานำเสนอ

เคยสงสัยมั้ยว่า SelectedItem.Value กับ SelectedValue ต่างกันอย่างไร ทั้งสองคำสั่ง ล้วนเป็นคำสั่งที่ใช้ในการดึงค่าออกมาจาก control ใน .net framework เช่น dropdownlist, radiobuttonlist เป็นต้น แต่ – SelectedValue จะ return เป็นค่าของ SelectedItem ดังนั้นถ้าไม่มีค่าก็จะแสดงเป็นค่า “” – SelectedItem.Value จะ return เป็นค่าของ item ที่ถูก select ดังนั้นถ้าไม่มี item ที่ถูก select จะ error

ในการทำเว็บไซต์จำเป็นต้องกำหนดขนาดของตัวอักษรให้แสดงผลตามที่ต้องการ หน่วยที่ใช้วัดขนาดของตัวอักษรก็มีมากมาย… 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 ซึ่งเป็นการสร้าง [...]

ในการออกแบบเว็บไซต์ เลือกสีสันให้กับ theme นั้น บางครั้งก็จะเจอปัญหาที่ว่า จะเลือกสีไหนดี สีไหนควรใช้คู่กับสีไหนดี เว็บไซต์ colorschemedesigner เป็นตัวช่วยในการเลือกสีได้เป็นอย่างดี สามารถดูตัวอย่างเว็บไซต์ที่ใช้สีตามที่เราเลือกได้ด้วย โดยคลิก Light page example หรือ Dark page example เมื่อเลือก Export > HTML+CSS จะได้สีพร้อมรหัสสีทั้งหมด สามารถนำไปสร้าง theme หรือ template ได้ตามต้องการ โดยไม่ต้องไปเปิดโปรแกรมอื่น เพื่อดูรหัสสี ต่อจากนี้การเลือกใช้สีในการสร้าง theme หรือ template ก็เป็นแค่เรื่องง่ายๆ

ในการออกแบบเว็บไซต์ จำเป็นต้องมีสีเข้ามาเกี่ยวข้อง เนื่องจากสีเป็นตัวควบคุมความรู้สึกของผู้ที่เข้ามาชมเว็บไซต์ แม่สีทางศิลปะ มีด้วยกัน 3 สี คือ สีแดง สีเหลือง และสีน้ำเงิน เมื่อนำแม่สีทั้งหลายมาผสมกัน จะเกิดเป็นสีต่างๆ มากมาย ดูได้จากวงล้อสี สีทั้งหลายแบ่งออกเป็น 2 กลุ่มตามความเข้มของสี (tone of color) ได้แก่ – สีวรรณะเย็น (cold tone color) ได้แก่ สีเหลือง ส้ม แดง ม่วง ทำให้เกิดความรู้สึก สุภาพ สงบ สดชื่น – สีวรรณะร้อน (warm tone color) ได้แก่ สีเหลือง เขียว ฟ้า ม่วง ทำให้เกิดความรู้สึก ตื่นเต้น กระฉับกระเฉง มีพลัง ดึงดูดความสนใจได้ดี *สีเหลือง และสีม่วง เป็นสีที่สามารถอยู่ได้ทั้งสองวรรณะ การเลือกใช้โทนสี ก็แบ่งได้อีกหลายประเภท 1.Monochromatic เป็นการใช้สีเพียงแค่สีเดียวทั้งภาพ แต่จะใช้ความแตกต่างของความเข้ม และความสว่างของสี 2. Analogous เป็นการใช้สีที่ใกล้เคียงกันในวงล้อสี เช่น สีเขียว เหลืองเขียว เหลือง หรือ สีแดง ส้ม เหลือง เป็นต้น ซึ่งการแสดงของสีแบบนี้จะพบเห็นได้ทั่วไปในธรรมชาติ 3. Complementary [...]

วันนี้มีสิ่งที่น่าสนใจมาให้ดูกัน เป็นภาพ 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) 2. Firefox ภาพสวย เหมือน [...]