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