Author: naparat.h

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

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

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

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

Figma: Scrolling  with overflow behavior (Horizontal Scrolling)

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

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

วันนี้เราจะมารู้จักและใช้งานส่วนขยายของบราวเซอร์เพิ่มกันอีกซักตัวนะคะ โดยส่วนขยายที่จะมานำเสนอในวันนี้นั้น เป็นส่วนขยายที่จะช่วยให้สายออกแบบ/กราฟฟิก สวย ๆ คูล ๆ อย่างพวกคุณ รู้ได้อย่างง่ายดายเลยว่าสีที่สนใจบนเว็บนั้น มีค่าสีอะไร เพียงแค่ชี้ไปบริเวณที่ต้องการ ค่าสีก็จะโผล่ขึ้นมาให้ทราบเลยค่า โดยระบบสีได้ที่มาจะเป็นแบบ RGB นะคะ ซึ่งเป็นระบบสีที่เค้าศึกษากันมาแล้วว่าเหมาะสมกับการใช้แสดงผลบนหน้าจอคอมพิวเตอร์และสื่อดิจิตอลต่าง ๆ ค่ะ RGB คืออะไร RGB ย่อมาจากสีพื้นฐาน ได้แก่ สีแดง (Red) เขียว (Green) และน้ำเงิน (Blue)  พอผสมสีทั้งสามในสัดส่วนต่างๆ จะได้เฉดสีอีกมากมายที่มีความสวยสดใสบนหน้าจอถึงประมาณ 16.8 ล้านเฉดกันเลยทีเดียว อ่ะ ไปติดตั้ง ColorPick Eyedropper ให้กับ Google Chrome ของเรากันดีกว่าค่ะ…

บันทึกภาพจากเว็บไปยัง Google Drive ของเราโดยตรง ด้วยส่วนขยาย “Save to Google Drive”

Save to Google Drive

วันนี้ผู้เขียนจะมาแนะนำส่วนขยายของบราวเซอร์ (Extension) ที่น่าใช้กันอีกซักตัวนะคะ นั่นก็คือ “Save to Google Drive” ซึ่งเป็นส่วนขยายที่จะช่วยให้เราสามารถบันทึกภาพที่มีอยู่บนเว็บไซต์ต่างๆ ที่เราต้องการไปยัง Google Drive ของเราโดยตรงได้ทันทีค่ะ เริ่มกันเลยดีกว่าค่ะ เพิ่มส่วนขยายนี้ให้กับ Google Chrome ของเรากันก่อน กด URL นี้ https://chrome.google.com/webstore/detail/save-to-google-drive/gmbmikajjgmnabiglmofipeabaddhgne?hl=th แล้วกดปุ่ม “เพิ่มใน Chrome” ค่ะ รอจนติดตั้งเรียบร้อย ก็จะพบ ICON นี้โผล่ขึ้นมา ซึ่งการเพิ่มส่วนขยาย Save to Google Drive ให้กับ Chrome ของเราก็เป็นอันเสร็จเรียบร้อย พร้อมใช้งานแล้วละค่า มาใช้งานกันค่ะ…

สนุกๆ กับการกำหนดรูปแบบให้กับ Column ของ SharePoint List : Choice/Text Column

Blog นี้เราจะมากำหนดรูปแบบการแสดงผล Column ของ SharePoint List กันนะคะ ซึ่งทำได้ง่าย ๆ สบาย ๆ อีกแล้วค่า โดยการกำหนดรูปแบบให้กับ Column ของ SharePoint List นั้น จะใช้  JSON text format นะคะ ไม่รู้จัก JSON มาก่อนจะทำได้หรือป่าว ? ได้สิคะ เพราะมีตัวอย่าง JSON ที่เราสามารถหยิบเอามาใช้และแก้ไขให้ตรงกันกับข้อมูลของเราได้ โดยที่ไม่ต้องเข้าใจ JSON ให้มากมายก็ได้ เหมือนกับผู้เขียน (แฮ่ ๆ) ถึงได้บอกไงละคะว่า ง่าย ๆ…

Print หน้าเว็บ Clean Clean ด้วย Print Friendly & PDF

บทความนี้จะมาแนะนำ Extension กันอีกเช่นเคยนะคะ วันนี้ขอนำเสนอ Print Friendly & PDF ค่ะ Extension ที่จะทำให้เรา Print หน้าเว็บที่สนใจได้แบบ Clean Clean และยังสามารถจัดการรูปแบบได้ตามที่ต้องการก่อนพิมพ์ได้ด้วยภาพโฆษณาต่างๆ จะไม่มีให้รก และเรายังสามารถลบข้อความหรือรูปภาพที่ไม่ต้องการออกไปได้ก่อนที่จะพิมพ์ ซึ่งต่างการจาก Print หน้าเว็บแบบเดิมที่เราไม่สามารถจัดการหน้าเว็บก่อนที่จะพิมพ์ได้ Extension ตัวนี้จึงช่วยทำให้เราประหยัดน้ำหมึกและกระดาษที่จะใช้ Print ค่ะ (งานรักษ์โลกก็มา) การใช้งานก็ง่ายมาก ๆ เลยค่ะ ^^ Features มีอะไรบ้าง Print Preview -> ปรับและแสดงเนื้อหาของการพิมพ์ให้เหมาะสมที่สุด Edit Before Printing  –…

เก่งจริงจริงเลยนะ ตัวแค่เนี้ยะ – บันทึกข้อมูลด้วย Noteblock กล่องจิ๋วแต่แจ๋ว

กลับมาพบกันอีกแล้วค่า หลังจากที่ห่างหายไปอันเนื่องมาจากเทศกาลที่มีมากมายซะเหลือเกินค่ะ ไหนจะปีใหม่เอย ตรุษจีนเอย อีกทั้งงานราช งานหลวงก็มะรุมมะตู้มเข้ามาแบบพร้อมใจกันให้ผู้เขียนหายใจแบบหืดขึ้นคอจนไม่ได้มีเวลามาขีด ๆ เขียน ๆ เลยละค่ะ บทความนี้ว่ากันด้วยเรื่องของ Extension บน Chrome กันอีกเช่นเคยนะคะ วันนี้ขอนำเสนอ Extension ที่มีชื่อว่า Noteblock ค่ะ เจ้าตัว Extension ตัวนี้เป็น Extension ขนาดเล็ก (จิ๋ว) แต่ความสามารถไม่ได้เล็ก ๆ ตามขนาดนะคะ (แต่แจ๋ว) เพราะเจ้า Noteblock นั้น เป็นกล่องบนบราวเซอร์ที่จะมาช่วยให้เรา note ข้อมูลที่เราต้องการแบบที่ว่ามี idea อะไร อยากจะเก็บข้อมูลอะไร ก็พิมพ์พิมพ์ไว้ก่อน…

6 Tips (ดี ๆ) เกี่ยวกับ MS Word 2016

บทความนี้มาว่ากันด้วยเรื่องของ Microsoft Word (2016) โปรแกรมพื้นฐานเกี่ยวกับการพิมพ์เอกสาร รายงาน จดหมาย บลา ๆ ที่ใคร ๆ ก็ (ต้อง) ใช้เป็น … กันนะคะ วันนี้ผู้เขียนขอนำเสนอ 6 Tips ดี ๆ เกี่ยวกับ MS Word ซึ่ง (น่าจะ) ช่วยให้การใช้งาน word ของเรานั้น สะดวก และดูโปร (ไม่ใช่ ยี่ห้อนมผง นะคะ 555 +) ยิ่งขึ้น ซึ่งเราอาจยังไม่ทราบหรือได้ลองใช้มาก่อน เอ้ หรือว่าจริง…