Author: naparat.h

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 +) ยิ่งขึ้น ซึ่งเราอาจยังไม่ทราบหรือได้ลองใช้มาก่อน เอ้ หรือว่าจริง…

จับภาพหน้าเว็บไซต์ ง่าย ๆ ฟรี ๆ ฟิน ๆ ด้วย FireShot Lite – Capture Page (ดูปากณัชชานะคะ แค็พ-เฉอะ)

บทความนี้ว่ากันด้วยเรื่องของ Extension บน Chrome กันอีกซักตัวนะคะ คราวนี้นำเสนอ Extension ที่จะช่วยในการ capture หน้าเว็บ ซึ่ง Easy to use มาก ๆ และ Free forever กันไปเลยค่า นั่นก็ คือ FireShot Version Lite นั่นเองงงงง เย่ ๆ เอ้า ปรบบบมือรัว ๆ สิคะ รออัลลลลไล แต่เดี๋ยวก่อนค่ะ (หยุดรัวแทบไม่ทัน) สำหรับ Version Lite ที่เราจะติดตั้งใช้งานกันวันนี้นั้น อาจไม่ได้มี…

จัดระเบียบ Tab บน Chrome ด้วยเทเลทับบี้ เอ้ย Toby (โทบี้) กันดีกว่า

วันนี้จะมาแนะนำส่วนขยาย (Extensions – เครื่องมือเสริมบราวเซอร์) บน Chrome ที่มีชื่อว่า Toby ค่ะ ใช้งานฟรี กับวลีเด็ดที่เจ้า Toby นำเสนอตัวเองได้น่าสนใจมากเลยทีเดียว คือ Better than Bookmarks หลังจากที่ผู้เขียนได้ลองใช้งาน (Account แบบ Guest) ก็พบว่าการทำงานของเจ้า Toby นั้น ช่างเหมาะสมกับวลีดังกล่าวเสียจริง ๆ โดยเจ้า Toby จะช่วยเราจัดเก็บเว็บไซต์ที่เราใช้งานเป็นประจำทุกวัน บ่อย ๆ ซ้ำ ๆ หรือที่ถูกใจอยากจะเก็บเอาไว้ (ก็เว็บไซต์ต่าง ๆ ที่เรา Bookmark เอาไว้นั้นแหละค่ะ) แยกตามหมวดหมู่…