naparat.h

ปรับขนาดและสีของ Mouse Cursor / Mouse Pointer บน Windows 10 /Windows 11 ให้ชัดๆ ปังๆ ตามสไตล์สายมูเตลู

by

ด้วยอายุอานามของผู้เขียนที่ปาเข้าไปหลายหลักสิบ เวลามองอะไรที่เล็กๆ ก็ออกจะขัดใจและไม่สบายตาไปซะแล้ว อย่าง Mouse Cursor ก็เช่นกัน ผู้เขียนเลยถือโอกาสนี้มาแชร์วิธีการปรับขนาด ของ Mouse Cursor บน Windows 10 และ 11 ให้ดูง่ายขึ้น ซึ่งนอกจากจะช่วยให้สบายตาแล้ว สายมูเตลูอย่างผู้เขียนก็ไม่พลาดเพราะสีสันมีอิทธิพลต่อชีวิตของเรา จึงขอแชร์วิธีการปรับสีของ Mouse Cursor ด้วยซะเลย ไม่เชื่อก็ต้องเชื่อ Mouse Cursor ที่ชี้ไปชี้มา ก็พาปังและราบรื่นได้นะ อิอิ สำหรับสายมูเตลูอยากปรับสี Mouse Cursor ให้ปังและราบรื่น ขอเชิญเลื่อนหน้าจอไปด้านล่างสุดกันก่อนนะคะ จะได้ทราบว่าเราจะใช้สีอะไร ส่วนใครไม่ใช่สายมู ก็ดูวิธีการต่อจากนี้ได้เลยค่า ซึ่งเราจะต้องรู้ก่อนว่า Microsoft Windows ที่เราใช้งานกันอยู่นั้น เป็นเวอร์ชัน 10 หรือ 11 จะได้เข้าไปตั้งค่ากันถูกค่ะ การจะรู้ได้อย่างไรว่า Microsoft Windows ที่เราใช้งานกันอยู่นั้น เป็นเวอร์ชัน อะไร ? ให้เลือก เริ่มต้น … Read more

วิธีใช้งานเว็บไซต์เก่าๆ ที่รองรับแค่ IE ด้วยโหมด Internet Explorer Compatibility บน Microsoft Edge

by

หลักจากที่ทาง Microsoft ได้ประกาศหยุดบริการ Internet Explorer (IE) อย่างถาวร เมื่อวันที่ 15 มิถุนายน 2565 ก็ทำให้กระทบกับการใช้งานบางเว็บไซต์ (เก่าๆ) หลายเว็บไซต์ ที่ออกแบบหรือพัฒนาให้ใช้งานได้ดีบน IE แต่ต้องหันไปใช้งานบราวเซอร์อื่น เช่น กดเมนูไม่ได้บ้าง กดปุ่มแล้วไม่ทำงานบ้าง เป็นต้น ซึ่งเราจะหันไปใช้บราวเซอร์อื่นแทนก็ไม่สามารถใช้งานเว็บไซต์ที่เก่าๆ นั้นได้อย่างราบรื่นหรือสมบูรณ์อยู่ดี พอจะใช้ Microsoft edge ก็พบปัญหาแบบเดียวกัน ก็….เว็บไซต์มันเก่าแล้วอ่ะเธอออออ แต่ Microsoft ก็ไม่ทอดทิ้งอะไรที่ว่าเก่าๆ แบบไม่ใยดีผู้ใช้ขนาดนั้นนะคะ เพราะจริงๆ เรายังสามารถเปิดใช้งานเว็บไซต์ที่ว่าเก่าๆ นั้น (ย้ำจังเลย) ใน IE Compatibility View เพื่อให้ใช้งานในมุมมองดังกล่าวได้ผ่าน Microsoft Edge แต่ฟีเจอร์นี้สามารถใช้ได้อีก 7 ปี (ถึงปี 2029) เท่านั้นนะคะ ซึ่งวันนี้ผู้เขียนได้รวบรวมขั้นตอนเพื่อให้สามารถใช้งานเว็บไซต์ในโหมด IE Compatibility View บน Microsoft … Read more

เพิ่มสีสันให้กับ Picklist Field ของ Work item บน Azure DevOps ด้วย Color picklist control

by

สำหรับบล๊อกนี้ เราจะมาเพิ่มสีสันให้กับ ฟิลด์รายการ (Picklist Field) ของ Work item บน Azure DevOps กันค่า เพราะสีสันเป็นสิ่งที่มีอิทธิพลต่ออารมณ์และความรู้สึกของเรา (และ “มิตรภาพที่ดีก็เหมือนสีที่ติดแน่น ไม่จางหาย” อ่ะไปนั่นนน >,<) Color picklist control ที่นำมาใช้นั้น จะช่วย ระบุความสำคัญของไอเท็ม สร้าง visual language (ภาษาภาพ หรือสิ่งที่มองเห็น) ให้กับ ฟิลด์ (field) เพื่อแทนความหมายที่ต้องการจะสื่อสาร มาเริ่มกันเลยค่า 1. ไปที่ Work Item (ที่ต้องการปรับแต่ง Picklist Field) โดยคลิกเพิ่มเติม … แล้วเลือก “Cuztomize” ดังรูป 3. หน้าต่าง Add a custom control จะแสดงขึ้นมา ให้กดเลือก Control ชื่อ … Read more

Figma: Scrolling  with overflow behavior (Horizontal Scrolling)

by

บล๊อกนี้ผู้เขียนจะมาแนะนำวิธีการตั้งค่า Mobile App Prototype ที่เราได้พัฒนาขึ้นมา (ด้วย figma) เพื่อให้ผู้ใช้สามารถเลื่อน (Scrolling) ส่วนของเนื้อหาที่มีมากจนเกินขนาดของอุปกรณ์ได้ โดยใน figma นั้น สามารถทำ Scrolling เพื่อให้รองรับกับพฤติกรรมของผู้ใช้ได้ 3 แบบ ดังนี้ค่ะ แบบที่ 1 Horizontal Scrolling  คือ การเลื่อนในแนวนอน ซ้ายและขวาภายในเฟรม โดยยังคงตำแหน่งแนวตั้งไว้ เช่น ภาพสินค้า , แกลอรี่ภาพ แบบที่ 2 Vertical Scrolling คือ การเลื่อนในแนวตั้ง ขึ้นและลงภายในเฟรม เช่น เลื่อนดูเว็บไซต์ที่มีขนาดยาว หรือเนื้อหาที่อยู่ภายในแอป แบบที่ 3 Horizontal & Vertical Scrolling คือ การเลื่อนในแนวนอนและแนวตั้ง ผู้ใช้สามารถเลื่อนไปในทิศทางใดก็ได้ภายในเฟรม เช่น การดูแผนที่ สำหรับบล๊อกนี้นั้น ผู้เขียนขอยกเอา Horizontal … Read more

คูล ๆ รู้ค่าสีด้วย ColorPick Eyedropper

by

วันนี้เราจะมารู้จักและใช้งานส่วนขยายของบราวเซอร์เพิ่มกันอีกซักตัวนะคะ โดยส่วนขยายที่จะมานำเสนอในวันนี้นั้น เป็นส่วนขยายที่จะช่วยให้สายออกแบบ/กราฟฟิก สวย ๆ คูล ๆ อย่างพวกคุณ รู้ได้อย่างง่ายดายเลยว่าสีที่สนใจบนเว็บนั้น มีค่าสีอะไร เพียงแค่ชี้ไปบริเวณที่ต้องการ ค่าสีก็จะโผล่ขึ้นมาให้ทราบเลยค่า โดยระบบสีได้ที่มาจะเป็นแบบ RGB นะคะ ซึ่งเป็นระบบสีที่เค้าศึกษากันมาแล้วว่าเหมาะสมกับการใช้แสดงผลบนหน้าจอคอมพิวเตอร์และสื่อดิจิตอลต่าง ๆ ค่ะ RGB คืออะไร RGB ย่อมาจากสีพื้นฐาน ได้แก่ สีแดง (Red) เขียว (Green) และน้ำเงิน (Blue)  พอผสมสีทั้งสามในสัดส่วนต่างๆ จะได้เฉดสีอีกมากมายที่มีความสวยสดใสบนหน้าจอถึงประมาณ 16.8 ล้านเฉดกันเลยทีเดียว อ่ะ ไปติดตั้ง ColorPick Eyedropper ให้กับ Google Chrome ของเรากันดีกว่าค่ะ ซึ่ง Blog นี้ขอรวบรัดวิธีการติดตั้งกันเลยนะคะ ไปที่ https://chrome.google.com/webstore/detail/colorpick-eyedropper/ohcpnigalekghcmgcdcenkpelffpdolg แล้วกดปุ่ม “เพิ่มใน Chrome” ค่ะ เท่านี้ ต้าวก้อนสี โผล่ขึ้นมาแบบนี้ก็เป็นอันติดตั้งเรียบร้อยแล้วละค่า วิธีการใช้งาน ก็คลิกบน ต้าวก้อนนนสี … Read more